View Code? Open in Web Editor NEW

Elevate your Next.js web development with our open-source UI library, offering a comprehensive suite of customizable components for building modern and user-friendly interfaces.

License: MIT License

JavaScript 0.48% TypeScript 28.58% MDX 3.05% Shell 0.01% CSS 0.50% HTML 67.38%

himalaya-ui's Issues

styledJsx_cjs.getDefaultExportFromCjs is not a function when building nextjs project

Bug report 🐞

Version & Environment

@himalaya-ui/core version 0.1.2
@next version 13 and 14 using pages router

Expected Behaviour

The behavior I expect is that the build completes. I'm using a standard empty nextjs project, with typescript enabled. The error happens when adding

  <StyledJsxRegistry>
      <ConfigProvider>
        <Component {...pageProps} />
      </ConfigProvider>
    </StyledJsxRegistry>

to _app.tsx

Actual results (or Errors)

I got an error:

$ next build
   Skipping validation of types
 ✓ Linting
   ▲ Next.js 14.0.3

 ✓ Creating an optimized production build
 ✓ Compiled successfully
unhandledRejection TypeError: styledJsx_cjs.getDefaultExportFromCjs is not a function
    at Object.<anonymous> (D:\Github\website\node_modules\@himalaya-ui\core\index.js:5304:44)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Module.require (node:internal/modules/cjs/loader:1143:19)
    at mod.require (D:\Github\website\node_modules\next\dist\server\require-hook.js:64:28)
    at require (node:internal/modules/cjs/helpers:119:18)
    at 5022 (D:\Github\website\.next\server\pages\_app.js:1:80)
    at t (D:\Github\website\.next\server\webpack-runtime.js:1:127) {
  type: 'TypeError'
}
error Command failed with exit code 1.

Using app router, everything works. But with the same code converted into a pages router, this error shows up.
Thanks

Recommend Projects