chore(linea-ens-app): upgrade React (#358)

Author: alainncls

README.md

@@ -13,7 +13,7 @@ Thanks to ccip-read the domains created on Linea can also be resolved on Ethereu
 
 ## CCIPRead process
 
-![alt text](./media/LineaENSCCIPRead.png?raw=true)
+![CCIP Read Process diagram](./media/LineaENSCCIPRead.png?raw=true)
 
 This schema describes how a client application can resolve a domain name stored on Linea L2 from Ethereum L1 using CCIP
 Read.

packages/linea-ens-app/next.config.mjs

@@ -6,7 +6,6 @@
 import { execSync } from 'child_process'
 import path, { dirname } from 'path'
 import { fileURLToPath } from 'url'
-
 import { withSentryConfig } from '@sentry/nextjs'
 import StylelintPlugin from 'stylelint-webpack-plugin'
 
@@ -27,16 +26,17 @@ const nextConfig = {
   compiler: {
     styledComponents: true,
   },
-
   env: {
-    NEXT_PUBLIC_ALCHEMY_KEY:
-      process.env.NEXT_PUBLIC_ALCHEMY_KEY || 'sSpYuHmhlpuU7RVXq-IIdCdz4IuKF-gM',
-    NEXT_PUBLIC_INFURA_KEY:
-      process.env.NEXT_PUBLIC_INFURA_KEY || 'cfa6ae2501cc4354a74e20432507317c',
+    NEXT_PUBLIC_ALCHEMY_KEY: process.env.NEXT_PUBLIC_ALCHEMY_KEY,
+    NEXT_PUBLIC_INFURA_KEY: process.env.NEXT_PUBLIC_INFURA_KEY,
   },
-  // change to true once infinite loop is fixed
   images: {
-    domains: ['metadata.ens.domains'],
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'metadata.ens.domains',
+      },
+    ],
   },
   async rewrites() {
     return [
@@ -91,8 +91,7 @@ const nextConfig = {
     ]
   },
   generateBuildId: () => {
-    const hash = execSync('git rev-parse HEAD').toString().trim()
-    return hash
+    return execSync('git rev-parse HEAD').toString().trim()
   },
   webpack: (config, options) => {
     for (const rule of config.module.rules) {

packages/linea-ens-app/package.json

@@ -82,17 +82,16 @@
     "next": "15.2.6",
     "p-memoize": "^7.1.1",
     "pino-pretty": "^10.3.1",
-    "react": "^18.2.0",
+    "react": "19.0.1",
     "react-confetti": "^6.1.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "19.0.1",
     "react-ga": "^3.3.1",
     "react-hook-form": "^7.51.0",
     "react-i18next": "^11.18.5",
-    "react-is": "^17.0.2",
     "react-transition-state": "^1.1.5",
-    "react-use": "^17.4.0",
+    "react-use": "17.6.0",
     "react-use-error-boundary": "^3.0.0",
-    "styled-components": "^5.3.5",
+    "styled-components": "^6.1.13",
     "ts-pattern": "^4.2.2",
     "use-immer": "^0.7.0",
     "viem": "^2.7.13",
@@ -106,7 +105,7 @@
     "@ethersproject/abi": "^5.4.0",
     "@ethersproject/contracts": "^5.4.0",
     "@ianvs/prettier-plugin-sort-imports": "^4.1.0",
-    "@next/bundle-analyzer": "^13.4.19",
+    "@next/bundle-analyzer": "^15.2.6",
     "@nomiclabs/hardhat-ethers": "npm:hardhat-deploy-ethers@^0.3.0-beta.13",
     "@openzeppelin/contracts": "^4.7.3",
     "@openzeppelin/test-helpers": "^0.5.16",
@@ -121,10 +120,8 @@
     "@types/pako": "^2.0.0",
     "@types/prettier": "^2.7.0",
     "@types/puppeteer-core": "^5.4.0",
-    "@types/react": "18.2.21",
-    "@types/react-dom": "^18.2.7",
-    "@types/react-is": "^17.0.3",
-    "@types/styled-components": "5.1.23",
+    "@types/react": "19.0.1",
+    "@types/react-dom": "19.0.1",
     "@types/ws": "^8.5.10",
     "@typescript-eslint/eslint-plugin": "^6.7.4",
     "@typescript-eslint/parser": "^6.7.4",
@@ -193,7 +190,7 @@
     "yaml": "^2.4.1"
   },
   "peerDependencies": {
-    "react": "*",
-    "react-dom": "*"
+    "react": "19.0.1",
+    "react-dom": "19.0.1"
   }
 }