Next.js App Directory Build Issue

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: Next.js App Directory Build Issue

Rosalind pro premium priority asked 2 years ago

Steps taken

  • Create a Next.js app with create-next-app, enabling the new app directory feature
  • Create an app/page.tsx file
  • Install the MDB library
  • Import any MDB component into that app/page.tsx file
  • Run npm run build

Expected behavior

I expected the build to complete without issue.

Actual behavior

Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error TypeError: Vt.registerables is not iterable (cannot read property undefined)

I was able to resolve this issue by changing Vt.Chart.register(...Vt.registerables); to Vt.Chart.register(...Vt.registerables || []); in the source code of the MDB library, but this is obviously not the best fix. It's unclear if there are other things broken/not working with this fix, as I've only been able to just get the npm run build command working again.

Write
Create snippet
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: Yes
  • Technology: MDB React
  • MDB Version: MDB5 6.0.0
  • Device: M1 Macbook Pro
  • Browser: N/A
  • OS: Mac
  • Provided sample code: No
  • Provided link: No
Tags
nextjs react build-fail
Related topics
0
Sticky Columns on Table Component
0
Nextjs
0
Next.js Window is not defined
0
NextJS run dev error?
0
React build fails
About author
Rosalind
Pro User Premium support
0Support score
1Questions 0Answers
0Snippets likes 1Snippets