Revert "chore(linea-ens-app): upgrade React" (#360)

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
 
-![CCIP Read Process diagram](./media/LineaENSCCIPRead.png?raw=true)
+![alt text](./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,6 +6,7 @@
 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'
 
@@ -26,17 +27,16 @@ const nextConfig = {
   compiler: {
     styledComponents: true,
   },
+
   env: {
-    NEXT_PUBLIC_ALCHEMY_KEY: process.env.NEXT_PUBLIC_ALCHEMY_KEY,
-    NEXT_PUBLIC_INFURA_KEY: process.env.NEXT_PUBLIC_INFURA_KEY,
+    NEXT_PUBLIC_ALCHEMY_KEY:
+      process.env.NEXT_PUBLIC_ALCHEMY_KEY || 'sSpYuHmhlpuU7RVXq-IIdCdz4IuKF-gM',
+    NEXT_PUBLIC_INFURA_KEY:
+      process.env.NEXT_PUBLIC_INFURA_KEY || 'cfa6ae2501cc4354a74e20432507317c',
   },
+  // change to true once infinite loop is fixed
   images: {
-    remotePatterns: [
-      {
-        protocol: 'https',
-        hostname: 'metadata.ens.domains',
-      },
-    ],
+    domains: ['metadata.ens.domains'],
   },
   async rewrites() {
     return [
@@ -91,7 +91,8 @@ const nextConfig = {
     ]
   },
   generateBuildId: () => {
-    return execSync('git rev-parse HEAD').toString().trim()
+    const hash = execSync('git rev-parse HEAD').toString().trim()
+    return hash
   },
   webpack: (config, options) => {
     for (const rule of config.module.rules) {

packages/linea-ens-app/package.json

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