refactor main

Author: chhsiao1981

src/components/DarkTheme/useTheme.tsx

@@ -1,5 +1,10 @@
-import type React from "react";
-import { createContext, useContext, useReducer, useEffect } from "react";
+import {
+  createContext,
+  type ReactNode,
+  useContext,
+  useEffect,
+  useReducer,
+} from "react";
 
 interface ThemeContextType {
   isDarkTheme: boolean;
@@ -35,7 +40,11 @@ const themeReducer = (
   }
 };
 
-const ThemeContextProvider = ({ children }: { children: React.ReactNode }) => {
+type ThemeContextProviderProps = {
+  children: ReactNode;
+};
+const ThemeContextProvider = (props: ThemeContextProviderProps) => {
+  const { children } = props;
   const [themeState, dispatch] = useReducer(themeReducer, {
     isDarkTheme: localStorage.getItem(THEME_STORAGE_KEY) !== "light",
   });

src/main.tsx

@@ -1,6 +1,6 @@
 import { enableMapSet } from "immer";
-import React from "react";
-import ReactDOM from "react-dom/client";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
 import App from "./App.tsx";
 import { ThemeContextProvider } from "./components/DarkTheme/useTheme.tsx";
 import { setupStore } from "./store/configureStore.ts";
@@ -11,11 +11,11 @@ import "./main.css";
 
 enableMapSet();
 const store = setupStore();
-
-ReactDOM.createRoot(document.getElementById("root")!).render(
-  <React.StrictMode>
+const root = createRoot(document.getElementById("root")!);
+root.render(
+  <StrictMode>
     <ThemeContextProvider>
       <App store={store} />
     </ThemeContextProvider>
-  </React.StrictMode>,
+  </StrictMode>,
 );