How to use the material-ui-popup-state.bindTrigger function in material-ui-popup-state

{(popupState) => (
                            
                                <button color="primary">
                                    Copy Schedule
                                </button>
                                <menu>
                                    {[0, 1, 2, 3].map((index) =&gt; {
                                        return (
                                            <menuitem disabled="{"> {
                                                    console.log(index);
                                                    copySchedule(
                                                        AppStore.getCurrentScheduleIndex(),
                                                        index</menuitem></menu>

{(popupState) => (
                                      
                                        
                                          
                                        
                                        <menu>
                                          {row[column.type].map(
                                            (
                                              action: Datasource,
                                              actionId: React.Key
                                            ) =&gt; (
                                              <menuitem> {
                                                  action.function();
                                                  popupState.close();
                                                }}
                                              &gt;</menuitem></menu>

{popupState => (
        <div>
          <button color="primary">
            Open Popover
          </button>
          
            
              The content of the Popover.
            </div>

{(popupState) => {
          const trigger = bindTrigger(popupState);
          const popover = customBindPopover(popupState);
          return (
            <span>
              {useText ? (
                <button disabled="{disabled}" size="small">) =&gt; {
                    e.stopPropagation();
                    trigger.onClick(e);
                  }}
                &gt;</button></span>

{popupState => (
        
          <button color="primary">
            Open Menu
          </button>
          <menu>
            <menuitem>Cake</menuitem>
            <menuitem>Death</menuitem>
          </menu>
        
      )}

{(popupState) => (
            <>
              
                How to add a new node?
              
              
                
                  Kalm is not responsible for managing the addition and deletion of nodes. You need to operate where

{(popupState) => (
        <>
          <button size="small" color="primary">
            Type of storage
          </button>
          
             ({
                name: "Type: " + x.name,

{(popupState) => (
            <>
              
                {pluralize("route", httpRoutes.length)}