How to use the @blueprintjs/core.Position.BOTTOM_RIGHT function in @blueprintjs/core

{SETTINGS_VIEW.displayName}
          
        )}

        {/* we're not using fragment because blueprint tabs only reads direct children */}
        {!this.props.doubleTabbed && (
          
            {(activePlugin || {}).displayName || defaultPluginTitle}
          
        )}
        {!this.props.doubleTabbed && (
          
            
          
        )}
        {!this.props.doubleTabbed && (
          
            
          
        )}

/>
													}
													{numChapters &&
														<menuitem label="{<span">}
															onClick={()=&gt; {
																props.setOverlayPanel('chapters');
															}}
														/&gt;
													}
												
											}
											popoverClassName="pt-minimal"
											interactionKind={PopoverInteractionKind.CLICK}
											position={Position.BOTTOM_RIGHT}
											transitionDuration={-1}
											inheritDarkTheme={false}
										&gt;
											<button>
										

										{/* <a href="{`/pub/${pubData.slug}/invite`}"> {
												evt.preventDefault();
												props.setOverlayPanel('invite');
											}}
										&gt;
											Invite Reviewer
										</a> */}</button></menuitem>

{isInvitation && (
				
					Pending
				
			)}
			<div>
				{isInvitation ? 'Invited' : 'Added'}{' '}
				{dateFormat(memberData.createdAt, 'mmm dd, yyyy')}
			</div>
			{!isReadOnly &amp;&amp; (
				<select> {
						console.log('selected', item);
					}}
					itemRenderer={(item, rendererProps) =&gt; {
						return (
							{item}}
								active={rendererProps.modifiers.active}
								onClick={rendererProps.handleClick}
							/&gt;
						);
					}}
				&gt;
					{memberData.permissions}}</select>

}

                                        

                                        <menuitem href="https://github.com/Superjo149/auryo/">
                                        <menuitem href="https://github.com/Superjo149/auryo/issues">
                                        <menuitem href="https://github.com/Superjo149/auryo/issues">
                                        <menuitem href="http://auryo.com/#donate">

                                        

                                        <menuitem>

                                    
                                )} position={Position.BOTTOM_RIGHT}&gt;
                                    <a>
                                        
                                        {
                                            update.available &amp;&amp; (
                                                <sup title="5" data-show="true">
                                            )
                                        }
                                    </sup></a>
                                
                            
                        
                        <div>{children &amp;&amp; children}</div>
                    
                
            
        )</menuitem></menuitem></menuitem></menuitem></menuitem>

<button style="{{" data-testid="visualization-settings" type="button">
          
        }
        position={Position.BOTTOM_RIGHT}
        onOpening={handleClipOpening}
        onClosing={handleClipClosing}
        content={
          <div style="{{">
            <div>Clip all continuous values to percentile range</div>
            </div></button>

if (obj[0] != null && obj[1] != null) {
      setStartDate(obj[0]);
      setEndDate(obj[1]);
      setLoaded(false);
    }
  };

  return (
    <div>
      <div>
        <div>
          <div>
             handleRangeChange(obj)}
                  maxDate={new Date()}
                /&gt;
              }
              target={</div></div></div></div>

import DashboardHome from "./DashboardHome";
import NewJobCreateComponent from "./workloads/jobs/NewJobCreateComponent";
import WorkerComponents from "./grid/workers/WorkerComponents";
import WorkerInfoComponent from "./grid/workers/WorkerInfoComponent";

const MENU_NODES = 1;
const MENU_CLUSTERS = 2;
const MENU_WORKERS = 3;

const MENU_JOBS = 4;

const MENU_DOCS = 5;
const MENU_ABOUT = 6;

export const DashToaster = Toaster.create({
    position: Position.BOTTOM_RIGHT,
});

export default class Dashboard extends React.Component {

    constructor(props) {
        super(props);
    }

    onMenuClicked = (event) => {
        switch (event.id) {
            case MENU_NODES:
                this.props.history.push("/nodes");
                break;
            case MENU_CLUSTERS:
                this.props.history.push("/clusters");
                break;

if (obj[0] != null && obj[1] != null) {
      setStartDate(obj[0]);
      setEndDate(obj[1]);
      setLoaded(false);
    }
  };

  return (
    <div>
      <div>
        <div>
          <div>
             handleRangeChange(obj)}
                maxDate={new Date()}
              /&gt;
            }
            target={</div></div></div></div>

>
							<div>Authors</div>
						
						*/}
						
							}
							interactionKind={PopoverInteractionKind.CLICK}
							position={Position.BOTTOM_RIGHT}
							popoverClassName="pt-minimal"
							transitionDuration={-1}
							inheritDarkTheme={false}
						&gt;
							<div>Labels</div>
						
						
							}
							interactionKind={PopoverInteractionKind.CLICK}
							position={Position.BOTTOM_RIGHT}
							popoverClassName="pt-minimal"

public render() {
        return (
            
                
                
                    
                
                
            
        );
    }