tbg-ecomm-nextjs/pages-sections/dealers/filter.js

import React from "react";
import Select from 'react-select';

// @material-ui/core components
import { makeStyles } from "@material-ui/core/styles";

// Component
import styles from "assets/jss/nextjs-material-kit/pages/componentsSections/notificationsStyles.js";

const useStyles = makeStyles(styles);

const DataSnackbarContent = function()  {
    const classes = useStyles();
    return (
        <div align="center">
        <div align="center" className={classes.section} id="notifications">
            <Select 
                // options={name}
                instanceId="name"
                isMulti
                placeholder="filter by name"
                />
        </div>
        </div>
    );
}

export default DataSnackbarContent;