Nested Dropdown Page Contains Code with component that no lo

You've got a point, this example hasn't been updated yet.

Check out this code and let me know if it solved your problem:

import React from 'react';
import { MDBDropdown, MDBDropdownMenu, MDBDropdownToggle, MDBDropdownItem,  MDBContainer } from 'mdb-react-ui-kit';

export default function Basic() {
  return (
    <>
      <style>
        {`
          .dropdown-menu li {
            position: relative;
          }
          .dropdown-menu .dropdown-submenu {
            display: none;
            position: absolute;
            left: 100%;
            top: -7px;
          }
          .dropdown-menu .dropdown-submenu-left {
            right: 100%;
            left: auto;
          }
          .dropdown-menu > li:hover > .dropdown-submenu {
            display: block;
          }
        `}
      </style>
      <MDBContainer className="d-flex justify-content-center mt-5 basic">
        <MDBDropdown>
          <MDBDropdownToggle>Dropdown button</MDBDropdownToggle>
          <MDBDropdownMenu>
            <MDBDropdownItem>
              <a className='dropdown-item' href="#">Action</a>
            </MDBDropdownItem>
            <MDBDropdownItem>
              <a className='dropdown-item' href="#">Another action</a>
            </MDBDropdownItem>
            <MDBDropdownItem>
              <a className='dropdown-item' href="#">Submenu &raquo;</a>
              <ul className="dropdown-menu dropdown-submenu">
                <MDBDropdownItem>
                  <a className='dropdown-item' href="#">Submenu item 1</a>
                </MDBDropdownItem>
                <MDBDropdownItem>
                  <a className='dropdown-item' href="#">Submenu item 2</a>
                </MDBDropdownItem>
                <MDBDropdownItem>
                  <a className='dropdown-item' href="#">Submenu item 3 &raquo;</a>
                  <ul className="dropdown-menu dropdown-submenu">
                    <MDBDropdownItem>
                      <a className='dropdown-item' href="#">Multi level 1</a>
                    </MDBDropdownItem>
                    <MDBDropdownItem>
                      <a className='dropdown-item' href="#">Multi level 2</a>
                    </MDBDropdownItem>
                  </ul>
                </MDBDropdownItem>
                <MDBDropdownItem>
                  <a className='dropdown-item' href="#">Submenu item 4</a>
                </MDBDropdownItem>
                <MDBDropdownItem>
                  <a className='dropdown-item' href="#">Submenu item 5</a>
                </MDBDropdownItem>
              </ul>
            </MDBDropdownItem>
          </MDBDropdownMenu>
        </MDBDropdown>
      </MDBContainer>
    </>
  );
}