React is not defined

[zxdstyle]

{
  "@macaron-css/core": "^1.5.2",
  "@macaron-css/solid": "^1.5.3",
  "solid-js": "^1.8.20"
}

import {render} from "solid-js/web";
import { styled } from "@macaron-css/solid"

const root = document.getElementById('root');
render(()=> <App />, root!)

const Button = styled("button", {
    base: {}
})

function App() {
    return <Button>demo</Button>
}