Expected behavior Just Testing MDB components. Want to see buttons components.

Actual behavior Not showing Buttons, rather generating an error. If I turn off mdb react, No error in there.

Resources (screenshots, code snippets etc.) Please see the screenshot. I am using mdb in Laravel. functional componant. https://www.dropbox.com/sh/60dhaqavj13eyfb/AADqVK9fZAjkMfBbzFQygmz9a?dl=0

import React from 'react';
import ReactDOM from 'react-dom';
import Test from "./Test";
import ButtonPage from './ButtonPage';

function Example() {
return (
    <div className="container">
        <div className="row justify-content-center">
            <div className="col-md-8">
                <div className="card">
                    <div className="card-header">Example Component</div>
                    <Test/>
                    <div className="card-body">I'm an example component!</div>
                    <ButtonPage/>
                </div>
            </div>
        </div>
    </div>
);
}

export default Example;

if (document.getElementById('example')) {
ReactDOM.render(<Example />, document.getElementById('example'));
}