Hi I am also having the same issue here. My package.js ```` { "private": true, "name": "my-nextron-app", "description": "My application description", "version": "1.0.0", "author": "Yoshihide Shiono ", "main": "app/background.js", "scripts": { "dev": "nextron", "build": "nextron build", "postinstall": "electron-builder install-app-deps" }, "dependencies": { "@nextui-org/react": "1.0.0-beta.12", "electron-serve": "^1.1.0", "electron-store": "^8.1.0", "framer-motion": "^10.16.2", "next-themes": "^0.2.1" }, "devDependencies": { "autoprefixer": "^10.4.7", "electron": "^21.3.3", "electron-builder": "^23.6.0", "next": "^12.3.4", "nextron": "^8.5.0", "postcss": "^8.4.13", "react": "^18.2.0", "react-dom": "^18.2.0", "tailwindcss": "^3.3.3" } } ``` _app.js ``` import React from "react"; import "../styles/globals.css"; import {NextUIProvider} from "@nextui-org/react"; import {ThemeProvider as NextThemesProvider} from "next-themes"; const lightTheme = createTheme({ type: "light", theme: { colors: { primary: "#005CB1", secondary: "#f36825", extraPrimary: "#0a4196", }, }, }); const darkTheme = createTheme({ type: "dark", theme: { colors: { primary: "#005CB1", secondary: "#f36825" }, }, }); function App({ Component, pageProps }) { return ( ) } export default App; ``` _document.js ``` import React from 'react'; import Document, { Html, Head, Main, NextScript } from 'next/document'; import { CssBaseline } from '@nextui-org/react'; class MyDocument extends Document { static async getInitialProps(ctx) { const initialProps = await Document.getInitialProps(ctx); return { ...initialProps, styles: React.Children.toArray([initialProps.styles]) }; } render() { return ( {CssBaseline.flush()}

); } } export default MyDocument; ```

Uh oh!

Next Ui Support #391

Description

Metadata

Metadata

Assignees

Labels

Projects

Milestone

Relationships

Development

Issue actions