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

logOut();
        profileMenuState.close();
    };
    const throwException = () => {
        throw new Error('Exception');
    };
    return (
        
            
                
                    
                
                
                    
                        <menu>
                            <menuitem>
                                
                                    Login
                                
                            </menuitem>
                            <menuitem>
                                
                                    Sign Up
                                
                            </menuitem></menu>

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

    return (
        
            
                
            
            <menu>
                
                    <menuitem>
                        </menuitem></menu>

if (scheduleIndex !== -1) {
            addCourse(section, courseDetails, term, scheduleIndex);
        }
    };

    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;</menuitem></menu>

Lightmatter
                            
                        
                    
                    
                        {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></menu></div>