How to use the material-ui-popup-state/hooks.bindMenu function in material-ui-popup-state

{user && (
                            <div>
                                <span data-cy="logged-in-name">Hey {user.first_name}</span>
                                
                                    
                                
                                <menu id="menu-appbar">
                                    <menuitem>
                                        Profile
                                    </menuitem>
                                    <menuitem>
                                        Change Password
                                    </menuitem>
                                    <menuitem>
                                        Change Email
                                    </menuitem>
                                    <menuitem>
                                        Delete Account
                                    </menuitem>

                                    <menuitem>Logout</menuitem>
                                </menu>
                            </div>

return (
        
            
                
                    
                
                
                    
                        <menu>
                            <menuitem>
                                
                                    Login
                                
                            </menuitem>
                            <menuitem>
                                
                                    Sign Up
                                
                            </menuitem>
                            <menuitem>Throw an error</menuitem>
                        </menu>
                        
                            
                                Lightmatter

const Submenu = (props) => {
    const popupState = usePopupState({ variant: 'popover' });

    return (
        
            
                
            
            <menu>
                
                    <menuitem>
                         popupState.close()}
                        /&gt;
                    </menuitem></menu>

return (
        
            
                    closeAndAddCourse(AppStore.getCurrentScheduleIndex())
                }
                className={classes.button}
            >
                
            
            
                
            
            <menu> closeAndAddCourse(-1)}
            &gt;
                <menuitem> closeAndAddCourse(0)}&gt;
                    Add to schedule 1
                </menuitem>
                <menuitem> closeAndAddCourse(1)}&gt;
                    Add to schedule 2
                </menuitem>
                <menuitem> closeAndAddCourse(2)}&gt;
                    Add to schedule 3
                </menuitem>
                <menuitem> closeAndAddCourse(3)}&gt;
                    Add to schedule 4
                </menuitem>
                <menuitem> closeAndAddCourse(4)}&gt;
                    Add to all</menuitem></menu>