Menu - code helper

xxxxxxxxxx
 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta name="theme-color" content="#000000" />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
    <title>React App</title>
  </head>
​
  <body>
    <div id="root"></div>
  </body>
</html>
​

xxxxxxxxxx
 
.App {
  font-family: sans-serif;
  text-align: center;
}
​

xxxxxxxxxx
 
import React from "react";
import { MDBBtn, MDBCol, MDBContainer, MDBRow } from "mdbreact";
import {
    MDBDropdown, MDBDropdownItem,
    MDBDropdownMenu,
    MDBDropdownToggle,
    MDBNav,
    MDBNavItem,
    MDBNavLink
} from 'mdbreact';
import "./styles.css";
​
export default function App() {
  return (
    <MDBContainer>
      <MDBNav>
        <MDBNavItem>
          <MDBDropdown>
            <MDBDropdownToggle>Dropdown Toggle</MDBDropdownToggle>
            <MDBDropdownMenu>
              <MDBDropdownItem>Dropdown Item 1</MDBDropdownItem>
              <MDBDropdownItem>Dropdown Item 2</MDBDropdownItem>
              <MDBDropdownItem>Dropdown Item 3</MDBDropdownItem>
            </MDBDropdownMenu>
          </MDBDropdown>
        </MDBNavItem>
      </MDBNav>
    </MDBContainer>
  );
}
​

Console errors: 0