clean up tsconfig and drop redundant imports

src/App.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 import Header from "./components/header";
 import Calculator from "./components/calculator";
 import Footer from "./components/footer";

src/components/calculator.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import styles from "./calculator.module.css";
 
 const MAX_PEOPLE = 3000;

src/components/footer.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import styles from "./footer.module.css";
 
 const Footer = () => (

src/components/header.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import styles from "./header.module.css";
 
 const Header = () => (

src/main.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
 import '@fontsource/nunito/200.css'
 import '@fontsource/nunito/400.css'
@@ -7,7 +7,7 @@ import './index.css'
 import App from './App'
 
 createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
+  <StrictMode>
     <App />
-  </React.StrictMode>
+  </StrictMode>
 )

tsconfig.json

@@ -1,20 +1,14 @@
 {
   "compilerOptions": {
     "target": "ESNext",
-    "useDefineForClassFields": true,
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
-    "allowJs": false,
-    "skipLibCheck": false,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
     "module": "ESNext",
     "moduleResolution": "Bundler",
-    "resolveJsonModule": true,
+    "strict": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "plugins": [{ "name": "typescript-plugin-css-modules" }]
   },
-  "include": ["./src"]
+  "include": ["src"]
 }