Fatal error on creating a Hamburguer-menu.

Expected behavior:

It was expeceted to show the example menu

Actual behavior:

Crashes application on load

import React, { Component } from "react";
import styled from "styled-components";
import { Nav } from "react-bootstrap";
import { NavLink } from "react-router-dom";
import "./Menu.css";
import { connect } from "react-redux";

import {
  MDBNavbar,
  MDBContainer,
  MDBNavLink,
  MDBNavItem,
  MDBHamburgerToggler,
  MDBNavbarBrand,
  MDBNavbarNav,
  MDBCollapse
} from "mdbreact";
import { BrowserRouter as Router } from "react-router-dom";

class Menu extends Component {
  state = {
    collapse1: ""
  };

  toggleSingleCollapse = collapseId => () => {
    this.setState({
      [collapseId]: !this.state[collapseId]
    });
  };

  render() {
    const NavMenu = styled(Nav)`
      height: 100%;
      width: 160px;
      position: fixed;
      z-index: 1;
      top: 110px;
      left: 10px;
      background-color: #fff;
      overflow-x: hidden;
    `;

    return (
      <Router>
        <MDBContainer>
          <MDBNavbar color="indigo darken-2" style={{ marginTop: "20px" }} dark>
            <MDBContainer>
              <MDBNavbarBrand className="white-text">MDBNavbar</MDBNavbarBrand>
              <MDBHamburgerToggler
                onClick={this.toggleSingleCollapse("collapse3")}
                id="hamburger3"
              />
              <MDBCollapse isOpen={this.state.collapse3} navbar>
                <MDBNavbarNav left>
                  <MDBNavItem active>
                    <MDBNavLink to="#!">Home</MDBNavLink>
                  </MDBNavItem>
                  <MDBNavItem>
                    <MDBNavLink to="#!">Link</MDBNavLink>
                  </MDBNavItem>
                  <MDBNavItem>
                    <MDBNavLink to="#!">Profile</MDBNavLink>
                  </MDBNavItem>
                </MDBNavbarNav>
              </MDBCollapse>
            </MDBContainer>
          </MDBNavbar>
        </MDBContainer>
      </Router>
    );
  }
}

const mapStateToProps = state => ({
  isPermissaoCOREC: state.authentication.isPermissaoCOREC,
  isPermissaoADM: state.authentication.isPermissaoADM
});

export default connect(mapStateToProps)(Menu);

Errors

TypeError: Object(...) is not a function
NavLink
node_modules/mdbreact/dist/mdbreact.esm.js:5677
  5674 | };
  5675 | 
  5676 | var NavLink = function NavLink(props) {
> 5677 |   var _useState = useState({}),
  5678 |       _useState2 = _slicedToArray(_useState, 2),
  5679 |       cursorPos = _useState2[0],
  5680 |       setCursorPos = _useState2[1];

and many other errors, but I think this one is the principal