Ugrading MDB React Gatsby project to Pro

Hi,

In 4.15.0 release we moved react-router-dom to the peerDependencies. Now mdbreact requires installing the react-router-dom to work.

You can try to delete node_modules folder and package-lock.json file and install all the dependencies : npm i .

If it won't help: Can you try to do the tutorial from the beginning? After Gatsby template will be installed add the mdbreact as the dependency with the link to our GitLab repository with the generated token:

 "mdbreact": "git+https://oauth2:YOUR_TOKEN@git.mdbootstrap.com/mdb/react/re-pro.git#"

After that try npm i. If it will be installed successfully then try npm i react-router-dom.

I tried the steps above and successfully installed and opened the application.

Hope it would help you.

Best regards.

I tried deleting the node_modules folder and package-lock.json file and running npm i but that did not help. I will try to install the tutorial from the beginning but how do I generate an oauth2 token for the GitLab repo?

As a reference here's what my package.json file looks like to get the MDBReact pro version working (The key is a non-working key BTW)

{
  "name": "gatsby-material-design-for-bootstrap",
  "private": true,
  "description": "A simple starter which lets you quickly start developing with Gastby and Material Design For Bootstrap",
  "version": "0.1.0",
  "author": "Anna Morawska <a.morawska@mdbootstrap.com>",
  "dependencies": {
    "@svgr/webpack": "^4.1.0",
    "gatsby": "^2.0.76",
    "gatsby-image": "^2.0.20",
    "gatsby-plugin-manifest": "^2.2.1",
    "gatsby-plugin-offline": "^2.0.16",
    "gatsby-plugin-react-helmet": "^3.0.2",
    "gatsby-plugin-sass": "^2.1.0",
    "gatsby-plugin-sharp": "^2.0.14",
    "gatsby-plugin-svgr": "^2.0.1",
    "gatsby-source-filesystem": "^2.0.8",
    "gatsby-transformer-sharp": "^2.1.8",
    "mdbreact": "git+https://oauth2:RKdfgsdfgdHGoFHUVmy@git.mdbootstrap.com/mdb/react/re-pro.git#",
    "node-sass": "^4.12.0",
    "prop-types": "^15.6.2",
    "react": "^16.6.3",
    "react-dom": "^16.6.3",
    "react-helmet": "^5.2.0",
    "react-router-dom": "^5.0.1"
  },
  "keywords": [
    "gatsby",
    "material-design",
    "material-design-for-bootstrap",
    "MDB",
    "MDB React"
  ],
  "license": "MIT",
  "scripts": {
    "build": "gatsby build",
    "develop": "gatsby develop",
    "start": "npm run develop",
    "format": "prettier --write \"src/**/*.js\"",
    "test": "echo \"Write tests! -> https://gatsby.app/unit-testing\""
  },
  "devDependencies": {
    "prettier": "^1.15.2"
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/anna-morawska/gatsby-material-design-for-bootstrap"
  },
  "bugs": {
    "url": "https://github.com/anna-morawska/gatsby-material-design-for-bootstrap/issues"
  }
}

Then I ran npm i and all the pro components started working. PHEW!

I think I spoke too soon when I said it was working. I was able to get the timeline component to load but I can't get rounded buttons or a carousel to work. I don't see any errors anymore on running gatsby build Any suggestions for where i can look to troubleshoot?

Hello Is there any updates on Gatsby specifically to be able to use bootstrap 5 ? This post appears to be the only reference to it but is 2 years old and MDBbootstrap has gone to 5 now . Have used the steps laid out above but see a lot of depreciated plugins in the load. thanks in advance Mark