styledJsx_cjs.getDefaultExportFromCjs is not a function when building nextjs project

[AZProductions]

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

[kalysti]

Hi can u upload a demo project to track this issue. And can u please verify that u call it from a client component since in next 14 all components are server components by default.

[dev-ABsid]

We recommend using the app router with Next.js versions 13 and 14 for optimal compatibility.