Splitter , Toolbar, and Action Sheet



  • 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}
    >