fix: update to next and react (#63)

Author: megasanjay

next.config.js

@@ -1,20 +1,34 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  eslint: {
-    dirs: ['src'],
-  },
-
   reactStrictMode: true,
-  swcMinify: true,
 
   images: {
-    domains: [
-      'storage.googleapis.com',
-      'storage.tally.so',
-      'images.unsplash.com',
-      'fairdataihub.org',
-      'i.imgur.com',
-      'cdn.aireadi.org',
+    dangerouslyAllowSVG: true,
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'storage.googleapis.com',
+      },
+      {
+        protocol: 'https',
+        hostname: 'storage.tally.so',
+      },
+      {
+        protocol: 'https',
+        hostname: 'images.unsplash.com',
+      },
+      {
+        protocol: 'https',
+        hostname: 'fairdataihub.org',
+      },
+      {
+        protocol: 'https',
+        hostname: 'i.imgur.com',
+      },
+      {
+        protocol: 'https',
+        hostname: 'cdn.aireadi.org',
+      },
     ],
   },
 
@@ -27,25 +41,6 @@ const nextConfig = {
       },
     ];
   },
-
-  // SVGR
-  webpack(config) {
-    config.module.rules.push({
-      test: /\.svg$/i,
-      issuer: /\.[jt]sx?$/,
-      use: [
-        {
-          loader: '@svgr/webpack',
-          options: {
-            typescript: true,
-            icon: true,
-          },
-        },
-      ],
-    });
-
-    return config;
-  },
 };
 
 module.exports = nextConfig;

package.json

@@ -37,10 +37,10 @@
     "framer-motion": "^8.0.2",
     "gray-matter": "^4.0.3",
     "html-react-parser": "^3.0.4",
-    "next": "^13.0.2",
+    "next": "^16.0.7",
     "plaiceholder": "^2.5.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
     "react-icons": "^4.6.0",
     "react-lottie-player": "2.1.0",
     "react-toastify": "^9.1.1",
@@ -69,10 +69,8 @@
     "@svgr/webpack": "^6.5.1",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/typography": "^0.5.8",
-    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@types/d3": "^7.4.3",
-    "@types/jest": "^29.2.3",
     "@types/mocha": "^10.0.1",
     "@types/react": "^18.0.25",
     "@typescript-eslint/eslint-plugin": "^5.42.0",
@@ -84,7 +82,6 @@
     "eslint-plugin-prettier": "^5.1.3",
     "eslint-plugin-simple-import-sort": "^7.0.0",
     "eslint-plugin-unused-imports": "^2.0.0",
-    "jest": "^27.5.1",
     "megasanjay-devmoji": "^1.2.1",
     "next-router-mock": "^0.7.4",
     "next-sitemap": "^2.5.28",
@@ -94,7 +91,7 @@
     "run-script-os": "^1.1.6",
     "tailwindcss": "^3.2.2",
     "tailwindcss-debug-screens": "^2.2.1",
-    "typescript": "^4.8.4"
+    "typescript": "5.9.3"
   },
   "config": {
     "commitizen": {
@@ -105,4 +102,4 @@
     "node": "22.18.0",
     "yarn": "1.22.22"
   }
-}
+}

src/constant/env.ts

@@ -4,4 +4,4 @@ export const isLocal = process.env.NODE_ENV === 'development';
 
 export const showLogger = isLocal
   ? true
-  : process.env.NEXT_PUBLIC_SHOW_LOGGER === 'true' ?? false;
+  : process.env.NEXT_PUBLIC_SHOW_LOGGER === 'true';

src/pages/index.tsx

@@ -184,18 +184,18 @@ const HomePage: React.FC<EventItem> = ({ slug, frontMatter }) => {
             <div className='mx-auto flex max-w-screen-xl flex-col-reverse items-center gap-16 px-8 md:flex-col'>
               <div className='mt-8 grid grid-cols-1 gap-4 md:grid-cols-3'>
                 <ImageWithCredit
-                  src='https://cdn.aireadi.org/website/UAB-Landscape.jpg'
+                  src='https://cdn.aireadi.org/website/aqqrujk.jpg'
                   alt='Photo of the UAB Callahan Eye Hospital'
                   author='UAB Media Department'
                 />
 
                 <ImageWithCredit
-                  src='https://cdn.aireadi.org/website/UCSD-Landscape.jpg'
+                  src='https://cdn.aireadi.org/website/nhgxpxn.jpg'
                   alt='Photo of the UCSD Medical Center'
                   author='Board of Regents of the University of California'
                 />
                 <ImageWithCredit
-                  src='https://cdn.aireadi.org/website/UW-Landscape.jpg'
+                  src='https://cdn.aireadi.org/website/espmdrt.jpg'
                   alt='Photo of the UW Medicine building'
                   author='Clare McLean/UW Medicine'
                 />

tsconfig.json

@@ -12,14 +12,13 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"],
       "~/*": ["./public/*"]
     },
     "incremental": true,
-    "types": ["node", "jest", "mocha", "@testing-library/jest-dom"],
     "typeRoots": ["./src/types"],
     "plugins": [
       {