red-ninjas / himalaya-ui

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.

Welcome to Himalaya UI 👋

🏠 Homepage

✨ Demo

📘 Documentation

Prerequisites

• Node.js >= 18.0.0
• React >= 18.0.0
• Next.js >= 13.0.0 (optional)

Installation

Choose your preferred package manager to install Himalaya UI:

yarn add @himalaya-ui/core

npm install @himalaya-ui/core

Run Tests

You can run tests using the following command:

yarn test

Getting Started

Here's a simple example of how to use Himalaya UI within your Next.js 13 and React application:

import { ConfigProvider } from '@himalaya-ui/core/config';
import NextStyleRegistry from '@himalaya-ui/core/next/registry';

export default () => (
   <NextStyleRegistry>
    <ConfigProvider>
      <AppComponent />
    </ConfigProvider>
  </NextStyleRegistry>
)

Author

👤 RedNinjas LTD

• Website: https://redninjas.dev
• Github: @red-ninjas

👤 Stefan Kalysta

• Github: @kalysti

👤 Syed Abubakar

• Github: @dev-ABsid

🤝 Contributing

We welcome contributions, issues, and feature requests from the community! Please visit our issues page to report problems or make suggestions. You can also find our contributing guide for more information.

Showcase

Explore projects powered by Himalaya UI:

• RedNinjas Landing Page A dynamic website showcasing the capabilities of Himalaya UI. 🔗 View Repository | 🌐 Visit Live Site

Show Your Support

If Himalaya UI has helped you in your projects, show your support by giving us a ⭐️!

📝 License

Himalaya UI is licensed under the MIT License. The MIT License is a permissive open source license that allows you to use, modify, and distribute the software for both commercial and non-commercial purposes. You are granted extensive freedom to customize and integrate Himalaya UI into your projects while maintaining the freedom to use it as you see fit.

Copyright © 2023 RedNinjas LTD.

For more details, please review the full MIT License provided by the project.

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