How to use the @blueprintjs/select.MultiSelect.ofType function in @blueprintjs/select

import * as React from "react";
import { connect } from "react-redux";
import { autobind } from "core-decorators";

import { MenuItem, Intent } from "@blueprintjs/core";
import { IconNames } from "@blueprintjs/icons";
import { MultiSelect, ItemRenderer, IItemRendererProps } from "@blueprintjs/select";

import DuplicantTraitsProps from "./props";
import mapStateToProps, { StateProps } from "./selectors";
import mapDispatchToProps, { DispatchProps } from "./dispatch";

import TRAITS from "./traits";


const TraitMultiSelect = MultiSelect.ofType();

type Props = DuplicantTraitsProps & StateProps & DispatchProps;
class DuplicantTraits extends React.Component {
    render() {
        const {
            traits
        } = this.props;


        return (
            <div>
                </div>

import classNames from 'classnames'
import React from 'react'
import { MenuItem, Spinner } from '@blueprintjs/core'
import { MultiSelect, IItemRendererProps } from "@blueprintjs/select"

import { Photo, PhotoDetail } from 'common/CommonTypes'
import { msg } from 'common/i18n/i18n'
import { bindMany, slug } from 'common/util/LangUtil'


const StringMultiSelect = MultiSelect.ofType()

interface Props {
    className?: any
    photo: Photo | null
    photoDetail: PhotoDetail | null
    tags: string[]
    setPhotoTags: (photo: Photo, tags: string[]) => void
}

interface State {
    prevQuery: string
    prevTags: string[]
    prevPhotoTags: string[]
    query: string
    tagsSlugged: string[]
    photoTagsSlugged: string[]

import { Button, H5, Intent, ITagProps, MenuItem, Switch } from "@blueprintjs/core";
import { Example, IExampleProps } from "@blueprintjs/docs-theme";
import { ItemRenderer, MultiSelect } from "@blueprintjs/select";
import {
    areFilmsEqual,
    arrayContainsFilm,
    createFilm,
    filmSelectProps,
    IFilm,
    maybeAddCreatedFilmToArrays,
    maybeDeleteCreatedFilmFromArrays,
    renderCreateFilmOption,
    TOP_100_FILMS,
} from "./films";

const FilmMultiSelect = MultiSelect.ofType();

const INTENTS = [Intent.NONE, Intent.PRIMARY, Intent.SUCCESS, Intent.DANGER, Intent.WARNING];

export interface IMultiSelectExampleState {
    allowCreate: boolean;
    createdItems: IFilm[];
    fill: boolean;
    films: IFilm[];
    hasInitialContent: boolean;
    intent: boolean;
    items: IFilm[];
    openOnKeyDown: boolean;
    popoverMinimal: boolean;
    resetOnSelect: boolean;
    tagMinimal: boolean;
}