JSX.Design
  • Introduction
    • Why JSX.Design?
    • Minimum Requirements
  • Getting Started
    • Building your first React UI
    • Making your UI responsive
    • Exporting your code
  • Styling UI
    • Basic styling
    • Creating reusable components
    • Conditional rendering with view states
    • Creating & using Props
    • Mapping an array
  • Advanced Features
    • Bring custom code or other React libraries
    • Ejecting a custom component
  • Troubleshooting
    • Handling Global CSS warning
    • Syncing project versions between JSX.Design and IDE
    • Handling export conflicts for unsaved projects
Powered by GitBook
On this page
  1. Troubleshooting

Handling Global CSS warning

PreviousEjecting a custom componentNextSyncing project versions between JSX.Design and IDE

Last updated 3 months ago

Once you have and you visit localhost:3000, a warning may be displayed in the output window, prompting you to import the global styles. You can resolve it by following the below steps:

  • Resolve this by adding the following import in your globals.css file:

@import './jsx-design/globals.css';

If there is an existing globals.css file in your project, you may need to comment out or replace it with the current import to avoid conflicts.

  • Resolve this by adding the following import in your index.css file:

@import './jsx-design/globals.css';

If there is an existing globals.css file in your project, you may need to comment out or replace it with the current import to avoid conflicts.

exported the code