Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: React Accordion - Bootstrap 4 & Material Design not working with Animation icon rotation

somongkoltech free asked 5 years ago


Dear React Team ! I have problem with React Accordion - Bootstrap 4 & Material Design not working with Animation icon rotation. this line didn't work . please help check itenter image description here

and bout Accordion with icons , it is not working too

enter image description hereenter image description here


Anna Morawska staff answered 5 years ago


Hi @somongkoltech,

according to the error stack trace, the problem is caused by React Router - the absence of react router wrapper to be precise. Have you configured it in your project? Your index.js file should look like this:

import React from "react";
import ReactDOM from "react-dom";
import "mdbreact/dist/css/mdb.css";
import "@fortawesome/fontawesome-free/css/all.min.css";
import "bootstrap-css-only/css/bootstrap.min.css";
import App from "./App";
import { BrowserRouter as Router } from 'react-router-dom'

import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<Router><App /></Router>, document.getElementById('root'));

registerServiceWorker();

Best regards,

Anna


somongkoltech free commented 5 years ago

we configure BrowserRouter at App.js already . Here is this code : import React, { Component } from "react"; import { Provider } from "react-redux"; import { store } from "./store/store"; import {BrowserRouter} from 'react-router-dom'import Body from './components/containers/Body'import NavigationBar from './components/commons/NavigationBar'import Footer from './components/containers/Footer'

class App extends Component { render() { return ( ); }} export default App;


Anna Morawska staff commented 5 years ago

I don't see the line where you wrap your components tree with BrowserRouter wrapper.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.13.0
  • Device: Mac
  • Browser: chrome
  • OS: Mac
  • Provided sample code: No
  • Provided link: No