Splitter , Toolbar, and Action Sheet

newstackdevelopment

I am utilizing Preact in place of React. I don’t know if that is the issue but I haven’t had any other issue with the components.

I am trying to use the splitter, toolbar, and actionsheet components in my application the current layout is as follows

<Splitter>
   <Splitter Side>
     <Page>
        <List>
           <ListItem/>
       </List>
   </Page>
</SplitterSide>
<SplitterContent>
   <Page renderToolBar()>
      <ActionSheet>
         <ActionSheetButton/>
      </ActionSheet>
   </Page>
 </SplitterContent>
</Splitter>

Now my problem is the actionSheet. The toolbar works but the actionsheet doesn’t show. I am using Redux for state.

   <ActionSheet
      isOpen={this.props.isOpenActionSheet}
   >

If I use the redux state it doesn’t work even though the isOpen prop changes to true. If I put the isOpen prop to true manually it does show the action sheet.

<ActionSheet
   isOpen={true}
>

Splitter , Toolbar, and Action Sheet browsing