*Expected behavior*css should be applied

*Actual behavior*After installing mdbreact and importing all the necessary components, design isn't applied.

enter code here

//index.jsimport '@fortawesome/fontawesome-free/css/all.min.css'; import 'bootstrap-css-only/css/bootstrap.min.css';import 'mdbreact/dist/css/mdb.css';

//Componentimport * as React from 'react';import {MDBDataTable, MDBBtn, MDBInput, MDBModal, MDBModalBody, MDBModalHeader, MDBModalFooter, MDBIcon, MDBBadge, MDBContainer, MDBRow, MDBCol} from "mdbreact";

const DatatablePage = () => {const data = {............};return ( MDBDataTable striped bordered hover data={data} />);}