Theme imports don't work

[suhjohn]

Pretty straightforward issue. 2.0.0-alpha.17

[jaywcjlove]

@suhjohn Upgrade v2.0.0-alpha.18

[ductridev]

@uiw/react-json-view: ^2.0.0-alpha.24
error: Error: Unable to resolve module @uiw/react-json-view/light

[jaywcjlove]

@ductridev It seems to be working.

[ductridev]

Just need to run npm i @uiw/react-json-view right?

[jaywcjlove]

@ductridev npm i @uiw/[email protected]

[ductridev]

Ah, still same even file exists.

error: Error: Unable to resolve module @uiw/react-json-view/light from G:\Android\xxx\src\screens\Tab.tsx: @uiw/react-json-view/light could not be found within the project or in these directories:
  node_modules
  11 | import JsonView from '@uiw/react-json-view';
> 12 | import { lightTheme } from '@uiw/react-json-view/light';

[jaywcjlove]

@ductridev I can't assist you as I can't reproduce your error.

[jrodden1]

What versions of React are you guys using? @jaywcjlove @ductridev
I wonder if one is on 18 and one on 17? Perhaps that why @jaywcjlove wasn't able to repro the issue?

I'm on 17 and I'm getting that same lightTheme error on 2.0.0-alpha.26 🤔

[jaywcjlove]

@jrodden1 You can provide me with an example that reproduces the error, and I can take a look at it for you.

[b4hdr]

From Chatgpt:

// vite.config.js
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [react()],
  optimizeDeps: {
    include: ['@uiw/react-json-view'],
  },
});

This helped me.