How to use the @blueprintjs/icons.IconNames.USER function in @blueprintjs/icons

const statusPopover = (props: StatusProps) => (
  
    <div>
      {controlButton(titleCase(props.username), IconNames.USER)}
    </div>
    <div>
      
      {controlButton('Log Out', IconNames.LOG_OUT, props.handleLogOut, {
        minimal: false,
        iconOnRight: true
      })}
    </div>
  
)

export const HeaderBar = React.memo(function HeaderBar(props: HeaderBarProps) {
  const { active, capabilities } = props;
  const [aboutDialogOpen, setAboutDialogOpen] = useState(false);
  const [doctorDialogOpen, setDoctorDialogOpen] = useState(false);
  const [coordinatorDynamicConfigDialogOpen, setCoordinatorDynamicConfigDialogOpen] = useState(
    false,
  );
  const [overlordDynamicConfigDialogOpen, setOverlordDynamicConfigDialogOpen] = useState(false);
  const loadDataPrimary = false;

  const helpMenu = (
    <menu>
      <menuitem> setAboutDialogOpen(true)} /&gt;
      <menuitem href="{DRUID_DOCS}">
      <menuitem href="{DRUID_USER_GROUP}">
      <menuitem href="{DRUID_ASF_SLACK}">
      <menuitem href="{DRUID_GITHUB}">
    </menuitem></menuitem></menuitem></menuitem></menuitem></menu>
  );

  const configMenu = (
    <menu>
      <menuitem> setDoctorDialogOpen(true)}</menuitem></menu>

private menu(props: DropdownProps) {
    const profile = this.props.name ? (
      <menuitem>
    ) : null;

    const logout = this.props.name ? (
      <menuitem>
    ) : null;

    return (
      <menu>
        {profile}
        <menuitem>
        <menuitem>
        {logout}
      </menuitem></menuitem></menu></menuitem></menuitem>

<p>
								Create and publish cards that take various configurations to display the
								content.
								Cards can be updated/re-designed at any time without any additional work
								required from
								the publishers.
							</p>
						
						 this.setState({selectedScreenshot: "contentful"})}&gt;
							<div>
								
									
										<div>
											
										</div>
									

									
										<b>Publishers</b>
									
								
							</div>
							<p>
								Create content using Contentful CMS and tweak the available configuration
								points.
								No HTML is generated and the content is saved in its original state.
							</p>

) : null}
          
        
      )
    } else {
      content = } />
    }
    return (
      <dialog title="Profile">
        <div>{content}</div>
      </dialog>
    )
  }
}

<div>{(getFrac(currentXp, maxXp) * 100).toFixed(2)}%</div>
              
            
            <div>{summaryCallouts}</div>
          
        );
      }
    }

    return (
      
        {content}
      
    );
  }
}