Trying to get images to work

Author: Adanato

package-lock.json

@@ -30,6 +30,7 @@
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.6",
+    "tsx": "^4.16.2",
     "typescript": "^5.2.2",
     "vite": "^5.2.0"
   }

package.json

@@ -4,7 +4,7 @@ import Footer from './components/Footer'
 import Home from './pages/Home'
 import People from './pages/People'
 import Publications from './pages/Publications'
-import Research from './pages/Research'
+import Research from './pages/Research.jsx'
 import DataCentricAI from "./pages/DataCentricAI"
 import SafetySecurityAlignment from "./pages/SafetySecurityAlignment"
 import Privacy from './pages/Privacy'

src/App.tsx

@@ -1 +1,11 @@
 /// <reference types="vite/client" />
+
+declare module '*.gif' {
+    const src: string;
+    export default src;
+  }
+  
+  declare module '*.webp' {
+    const src: string;
+    export default src;
+  }