Strange React not defined error

I've created the bare minimum solidjs + vite app with just and index.html and index.jsx page:

import { render } from "solid-js/web";

export function App() {
  return <h1>Hello</h1>;
}

render(() => <App/>, document.body);

import { render } from "solid-js/web";

export function App() {
  return <h1>Hello</h1>;
}

render(() => <App/>, document.body);

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <script type="module" src="./index.jsx"></script>
</head>
<body>
</body>
</html>

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <script type="module" src="./index.jsx"></script>
</head>
<body>
</body>
</html>

Yet I get this super weird error in the console for the line render(() => <App/>, document.body);: Uncaught ReferenceError: React is not defined

10 Replies

foolswisdom•2y ago

Can we see the vite config and tsconfig?

FjordWardenOP•2y ago

Vite is just this:

import { defineConfig } from 'vite';
import solidPlugin from 'vite-plugin-solid';

export default defineConfig({
    plugins: [solidPlugin()],
});

import { defineConfig } from 'vite';
import solidPlugin from 'vite-plugin-solid';

export default defineConfig({
    plugins: [solidPlugin()],
});

I dont have tsconfig ATM, does this matter?

foolswisdom•2y ago

Ah, you're doing plain javascript? Hmm

FjordWardenOP•2y ago

yes, well with jsx

foolswisdom•2y ago

I do believe we've had this issue with the js templates before Need to check the discord history / github issues

foolswisdom•2y ago

Try adding this jsconfig https://github.com/solidjs/templates/blob/master/js/jsconfig.json

GitHub

templates/jsconfig.json at master · solidjs/templates

Vite + solid templates. Contribute to solidjs/templates development by creating an account on GitHub.

FjordWardenOP•2y ago

seems to have something to do with vite and the vite solid plugin

Unknown User•2y ago

Message Not Public

FjordWardenOP•2y ago

Yea I've upgraded and downgraded vite and solid in all sort of combinations, at the end I just used one of the solidjs template, don't know what was wrong with my setup but that is what js development is in 2023

Braveheart•2y ago

how did you fix this its blocking our team using latest vite and solid and normal degit templates

Gaming

Programming

Strange React not defined error