From 46e4897881c92debdb1e7ff9c1857c2b0f909bb7 Mon Sep 17 00:00:00 2001
From: LordMathis <matus@namesny.com>
Date: Tue, 15 Apr 2025 20:00:20 +0200
Subject: [PATCH] Add TypeScript types for App component

---
 app/package-lock.json            |  1 +
 app/package.json                 |  1 +
 app/src/{App.jsx => App.tsx}     | 12 ++++++++----
 app/src/{index.jsx => index.tsx} |  4 +++-
 4 files changed, 13 insertions(+), 5 deletions(-)
 rename app/src/{App.jsx => App.tsx} (87%)
 rename app/src/{index.jsx => index.tsx} (58%)

diff --git a/app/package-lock.json b/app/package-lock.json
index 631e70b..9c3fdba 100644
--- a/app/package-lock.json
+++ b/app/package-lock.json
@@ -36,6 +36,7 @@
         "unist-util-visit": "^5.0.0"
       },
       "devDependencies": {
+        "@types/babel__core": "^7.20.5",
         "@types/node": "^22.14.0",
         "@types/react": "^18.3.20",
         "@types/react-dom": "^18.3.6",
diff --git a/app/package.json b/app/package.json
index 4860e06..a75a83e 100644
--- a/app/package.json
+++ b/app/package.json
@@ -52,6 +52,7 @@
     "unist-util-visit": "^5.0.0"
   },
   "devDependencies": {
+    "@types/babel__core": "^7.20.5",
     "@types/node": "^22.14.0",
     "@types/react": "^18.3.20",
     "@types/react-dom": "^18.3.6",
diff --git a/app/src/App.jsx b/app/src/App.tsx
similarity index 87%
rename from app/src/App.jsx
rename to app/src/App.tsx
index 5e6baad..4848f68 100644
--- a/app/src/App.jsx
+++ b/app/src/App.tsx
@@ -11,7 +11,9 @@ import '@mantine/core/styles.css';
 import '@mantine/notifications/styles.css';
 import './App.scss';
 
-function AuthenticatedContent() {
+interface AuthenticatedContentProps {}
+
+const AuthenticatedContent: React.FC<AuthenticatedContentProps> = () => {
   const { user, loading, initialized } = useAuth();
 
   if (!initialized) {
@@ -33,9 +35,11 @@ function AuthenticatedContent() {
       </ModalProvider>
     </WorkspaceProvider>
   );
-}
+};
 
-function App() {
+interface AppProps {}
+
+const App: React.FC<AppProps> = () => {
   return (
     <>
       <ColorSchemeScript defaultColorScheme="light" />
@@ -49,6 +53,6 @@ function App() {
       </MantineProvider>
     </>
   );
-}
+};
 
 export default App;
diff --git a/app/src/index.jsx b/app/src/index.tsx
similarity index 58%
rename from app/src/index.jsx
rename to app/src/index.tsx
index 593edf1..3701c7f 100644
--- a/app/src/index.jsx
+++ b/app/src/index.tsx
@@ -2,7 +2,9 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
 
-const root = ReactDOM.createRoot(document.getElementById('root'));
+const rootElement = document.getElementById('root') as HTMLElement;
+const root = ReactDOM.createRoot(rootElement);
+
 root.render(
   <React.StrictMode>
     <App />