Gatsby with MDB Pro for React


Topic: Gatsby with MDB Pro for React

Verzea pro asked 5 years ago

Hello,

I followed the steps to setup Gatsby with MDB as described below. But how do I go about specifying in the app that I want to use the Pro version of React?

https://mdbootstrap.com/articles/react/gatsby-mdb-react-quick-start-quide/

Thanks!


Konrad Stępień staff answered 5 years ago

Hi @Verzea ,

In in the Quick Start tab it is described how to use pro version. Try to use dependencies like this

"dependencies":  { 
    "mdbreact": "git+https://oauth2:YOUR\_TOKEN\_GOES\_HERE@git.mdbootstrap.com/mdb/react/re-pro.git"
 }

Or install like this:

$ npm install git+https://oauth2:YOUR\_TOKEN\_GOES\_HERE@git.mdbootstrap.com/mdb/react/re-pro.git --save

Let me know if the problem has been resolved.

Best, Konrad.


chokeul8r answered 5 years ago

mdbootstrap is throwing an error on gatsby build. Works fine in dev mode but the minute you attempt to build for production it throws a webpack ssr error because it references the window ( "navigator" is not available during server side rendering. ). I was under the impression that mdbootstrap had resolved this issue when they decided to create a Gatsby Starter with the free version of their React Library. That is why I went ahead a purchased the Pro Version + Bundle.

Please tell me there is a work around.


Jakub Chmura staff premium answered 5 years ago

Hi!,

We know about the issue with the SSR + MDBReact PRO version. We currently try to solve this problem.

I have one question. Are you using an MDBParallax component in your project? If your answer is yes please try to fix it with this article:

Best regards,   Kuba


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
  • User: Pro
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.18.0
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: Yes
Tags