How to use the @blueprintjs/core.PopoverInteractionKind.CLICK function in @blueprintjs/core

placeholder={'Reply...'}
						onChange={this.onBodyChange}
						initialContent={this.props.initialContent}
					>
						
						
					
				
				<div>
					<div>
						{/* <button type="{'button'}">Attach</button> */}
						}
							interactionKind={PopoverInteractionKind.CLICK}
							position={Position.TOP_LEFT}
							popoverClassName={'pt-minimal'}
							transitionDuration={-1}
							inheritDarkTheme={false}
						&gt;
							<button type="{'button'}">Format</button>
						

					</div>
					<div>
						{this.props.showTitle &amp;&amp;
							
										</div></div>

const AddBlock = () => {
  const container = css({
    width: "400px"
  });

  return (
    
      <button>
        Add block
      </button>
      <div>
        <div>
          <h5><a href="#">Trader Profile</a></h5>
          <p>
            Overview of employee activity, including risk model, scores and
            scenario alert history.
          </p>
        </div>
        <div>
          <h5><a href="#">Trader Profile</a></h5></div></div>

);
					})
				}

			
		);
		return (
			<div style="{{">
				<div style="{{">
					<div>
						<div>Markdown</div>
						<div>Rich</div>
						<div>Preview</div>
						
							<div>Export </div>
						
					</div>
				</div>
				<div style="{{">
				{(this.state.mode === 'preview') &amp;&amp;
					<div>
						</div></div></div>

const footnoteClass = classNames({
			'pub-footnote': true,
      'selected': this.state.selected,
    });

		const popoverContent = (<div style="{{minWidth:">
			<div>
				<div style="{{marginBottom:">Footnote:</div>
				{content}
			 </div>
		</div>);

    return (
      <span>
				
        	<div>{label}</div>
				
      </span>
    );
  },

inline?: boolean;
    interactionKind?: PopoverInteractionKind;
    minimal?: boolean;
    modifiers?: PopperJS.Modifiers;
    placement?: PopperJS.Placement;
    sliderValue?: number;
}

export class Popover2Example extends BaseExample {
    public state: IPopover2ExampleState = {
        canEscapeKeyClose: true,
        exampleIndex: 0,
        hasBackdrop: false,
        inheritDarkTheme: true,
        inline: false,
        interactionKind: PopoverInteractionKind.CLICK,
        minimal: false,
        modifiers: {
            arrow: { enabled: true },
            flip: { enabled: true },
            keepTogether: { enabled: true },
            preventOverflow: { enabled: true, boundariesElement: "scrollParent" },
        },
        placement: "auto",
        sliderValue: 5,
    };

    protected className = "docs-popover2-example";

    private handleExampleIndexChange = handleNumberChange(exampleIndex => this.setState({ exampleIndex }));
    private handleInteractionChange = handleStringChange((interactionKind: PopoverInteractionKind) => {
        const hasBackdrop = this.state.hasBackdrop && interactionKind === PopoverInteractionKind.CLICK;

if (foo.createdAt > bar.createdAt) { return -1; }
											return 0;
										}).map((version)=> {
											return (
												<li style="{{">
													
														<span style="{{">
															{dateFormat(version.createdAt, 'mmm dd, yyyy · HH:MM')}
														</span>
													
												</li>
											);
										})}
									
								}
								interactionKind={PopoverInteractionKind.CLICK}
								position={Position.BOTTOM_RIGHT}
								popoverClassName={'pt-minimal'}
								transitionDuration={-1}
								inheritDarkTheme={false}
							&gt;
								<button>
									{dateFormat(activeVersion.createdAt, 'mmm dd, yyyy')}
									<span>
								</span></button>
							
						
					

					<div>
						<div>
							{props.localPermissions !== 'none' &amp;&amp;</div></div>

/>
        ))}
      
    );

    return (
      <nav>
        <div>
          <button>
            Gohan WebUI
          </button>
        </div>

        <div>
          
            <button>
              {this.props.activeTenant}
            </button>
          
          <button>
            {this.props.userName}
          </button>
          <span>
          <button>
        </button></span></div>
      </nav>
    );
  }
}

{addedFields.map((key, index)=> {
											return (
												<div>
													<label>
														{key}
													</label>
													<input value="{this.state.referenceData[key]}" type="text" name="{key}" id="{key}" style="{{width:">
												</div>
											);
										})}

										<div>

											
												<button type="button" style="{{marginLeft:0,">
													<span></span>
													Add Field
													<span></span>
												</button>
				             
									</div>
							    


									

										<div></div>

const DropdownButton = function(props) {
	return (
		
			{props.icon && !props.label ? (
				<button disabled="{props.isDisabled}">}
				/&gt;</button>

buildPopover = data => {
    const popoverContent = ;
    return (
      data === null ? '' : 
        <button>view</button>
      
    );
  };