chore: update example

example/src/components/Block/index.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function Block({ children }: { children?: React.ReactNode }) {
   if (!children) {
     return null;

example/src/components/Button/index.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 export interface ButtonProps {
   onClick?: () => void;
 }

example/src/components/PageLoading/index.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 export default function PageLoading() {
   return <div>Loading...</div>;
 }

example/src/layouts/BasicLayout.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Link } from '@vitjs/vit';
 
 import Block from '@/components/Block';

example/src/layouts/BlankLayout.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import Block from '@/components/Block';
 
 const Layout: React.FC = ({ children }) => {

example/src/layouts/UserLayout.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 import Block from '@/components/Block';
 
 const Layout: React.FC = ({ children }) => {

example/src/pages/Account/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { history } from '@vitjs/vit';
 
 import Block from '@/components/Block';

example/src/pages/User/Login/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { history } from '@vitjs/vit';
 
 import Block from '@/components/Block';

example/src/pages/Welcome/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 
 import Block from '@/components/Block';
 import Button from '@/components/Button';

example/tsconfig.json

@@ -14,7 +14,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"],

example/vite.config.ts

@@ -19,4 +19,7 @@ export default defineConfig({
       mock: { productionEnabled: true },
     }),
   ],
+  esbuild: {
+    jsxInject: "import * as React from 'react'",
+  },
 });