refactor: use export default function

Author: jooy2

src/renderer/App.tsx

@@ -3,15 +3,15 @@ import { HashRouter, Route, Routes } from 'react-router-dom';
 import NotFoundScreen from '@/renderer/screens/NotFoundScreen';
 import MainScreen from '@/renderer/screens/MainScreen';
 
-const App = () => (
-  <HashRouter>
-    <Routes>
-      <Route path="/">
-        <Route index element={<MainScreen />} />
-        <Route path="*" element={NotFoundScreen()} />
-      </Route>
-    </Routes>
-  </HashRouter>
-);
-
-export default App;
+export default function App() {
+  return (
+    <HashRouter>
+      <Routes>
+        <Route path="/">
+          <Route index element={<MainScreen />} />
+          <Route path="*" element={NotFoundScreen()} />
+        </Route>
+      </Routes>
+    </HashRouter>
+  );
+}

src/renderer/components/base/ThemeProvider.tsx

@@ -6,7 +6,7 @@ import { useSelector } from 'react-redux';
 import CssBaseline from '@mui/material/CssBaseline';
 import { RootState } from '@/renderer/store';
 
-const ThemeProvider = ({ children }) => {
+export default function ThemeProvider({ children }) {
   const darkTheme = useSelector((state: RootState) => state.appScreen.darkTheme);
   const muiTheme = useMemo(
     () =>
@@ -27,6 +27,4 @@ const ThemeProvider = ({ children }) => {
       <EmotionThemeProvider theme={muiTheme}>{children}</EmotionThemeProvider>
     </MuiThemeProvider>
   );
-};
-
-export default ThemeProvider;
+}

src/renderer/screens/MainScreen.tsx

@@ -10,7 +10,7 @@ import { increaseCount, setDarkTheme, setVersion } from '@/renderer/store/slices
 import { bodyRoot, jumbo } from '@/renderer/assets/css/global';
 import type { RootState } from '@/renderer/store';
 
-const MainScreen = () => {
+export default function MainScreen() {
   const darkTheme = useSelector((state: RootState) => state.appScreen.darkTheme);
   const appVersion = useSelector((state: RootState) => state.appScreen.version);
   const counterValue = useSelector((state: RootState) => state.appScreen.counterValue);
@@ -72,6 +72,4 @@ const MainScreen = () => {
       </div>
     </div>
   );
-};
-
-export default MainScreen;
+}

src/renderer/screens/NotFoundScreen.tsx

@@ -1,10 +1,10 @@
 import { Link } from 'react-router-dom';
 
-const NotFoundScreen = () => (
-  <div>
-    <h1>Screen Not Found</h1>
-    <Link to="/">Go to main page</Link>
-  </div>
-);
-
-export default NotFoundScreen;
+export default function NotFoundScreen() {
+  return (
+    <div>
+      <h1>Screen Not Found</h1>
+      <Link to="/">Go to main page</Link>
+    </div>
+  );
+}