Up next react sept 24 (#933)

packages/nextjs/app/blockexplorer/_components/TransactionHash.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from "react";
 import Link from "next/link";
-import { CopyToClipboard } from "react-copy-to-clipboard";
+import CopyToClipboard from "react-copy-to-clipboard";
 import { CheckCircleIcon, DocumentDuplicateIcon } from "@heroicons/react/24/outline";
 
 export const TransactionHash = ({ hash }: { hash: string }) => {

packages/nextjs/app/debug/_components/contract/Tuple.tsx

@@ -29,7 +29,7 @@ export const Tuple = ({ abiTupleParameter, setParentForm, parentStateObjectKey }
     <div>
       <div className="collapse collapse-arrow bg-base-200 pl-4 py-1.5 border-2 border-secondary">
         <input type="checkbox" className="min-h-fit peer" />
-        <div className="collapse-title p-0 min-h-fit peer-checked:mb-2 text-primary-content/50">
+        <div className="collapse-title after:!top-3.5 p-0 min-h-fit peer-checked:mb-2 text-primary-content/50">
           <p className="m-0 p-0 text-[1rem]">{abiTupleParameter.internalType}</p>
         </div>
         <div className="ml-3 flex-col space-y-4 border-secondary/80 border-l-2 pl-4 collapse-content">

packages/nextjs/app/debug/_components/contract/TupleArray.tsx

@@ -99,7 +99,7 @@ export const TupleArray = ({ abiTupleParameter, setParentForm, parentStateObject
     <div>
       <div className="collapse collapse-arrow bg-base-200 pl-4 py-1.5 border-2 border-secondary">
         <input type="checkbox" className="min-h-fit peer" />
-        <div className="collapse-title p-0 min-h-fit peer-checked:mb-1 text-primary-content/50">
+        <div className="collapse-title after:!top-3.5 p-0 min-h-fit peer-checked:mb-1 text-primary-content/50">
           <p className="m-0 text-[1rem]">{abiTupleParameter.internalType}</p>
         </div>
         <div className="ml-3 flex-col space-y-2 border-secondary/70 border-l-2 pl-4 collapse-content">

packages/nextjs/app/debug/_components/contract/TxReceipt.tsx

@@ -1,5 +1,5 @@
 import { useState } from "react";
-import { CopyToClipboard } from "react-copy-to-clipboard";
+import CopyToClipboard from "react-copy-to-clipboard";
 import { TransactionReceipt } from "viem";
 import { CheckCircleIcon, DocumentDuplicateIcon } from "@heroicons/react/24/outline";
 import { ObjectFieldDisplay } from "~~/app/debug/_components/contract";
@@ -35,7 +35,7 @@ export const TxReceipt = ({ txResult }: { txResult: TransactionReceipt }) => {
       </div>
       <div className="flex-wrap collapse collapse-arrow">
         <input type="checkbox" className="min-h-0 peer" />
-        <div className="collapse-title text-sm min-h-0 py-1.5 pl-1">
+        <div className="collapse-title text-sm min-h-0 py-1.5 pl-1 after:!top-4">
           <strong>Transaction Receipt</strong>
         </div>
         <div className="collapse-content overflow-auto bg-secondary rounded-t-none rounded-3xl !pl-0">

packages/nextjs/components/scaffold-eth/Address.tsx

@@ -2,7 +2,7 @@
 
 import { useEffect, useState } from "react";
 import Link from "next/link";
-import { CopyToClipboard } from "react-copy-to-clipboard";
+import CopyToClipboard from "react-copy-to-clipboard";
 import { Address as AddressType, getAddress, isAddress } from "viem";
 import { hardhat } from "viem/chains";
 import { normalize } from "viem/ens";

packages/nextjs/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

packages/nextjs/package.json

@@ -14,46 +14,45 @@
     "vercel:yolo": "vercel --build-env NEXT_PUBLIC_IGNORE_BUILD_ERROR=true"
   },
   "dependencies": {
-    "@heroicons/react": "^2.0.11",
-    "@rainbow-me/rainbowkit": "2.1.5",
+    "@heroicons/react": "^2.1.5",
+    "@rainbow-me/rainbowkit": "2.1.6",
     "@tanstack/react-query": "^5.28.6",
     "@uniswap/sdk-core": "^4.0.1",
     "@uniswap/v2-sdk": "^3.0.1",
     "blo": "^1.0.1",
     "burner-connector": "^0.0.8",
-    "daisyui": "4.5.0",
-    "next": "^14.0.4",
-    "next-themes": "^0.2.1",
+    "daisyui": "4.12.10",
+    "next": "^14.2.11",
+    "next-themes": "^0.3.0",
     "nprogress": "^0.2.0",
     "qrcode.react": "^3.1.0",
-    "react": "^18.2.0",
+    "react": "^18.3.1",
     "react-copy-to-clipboard": "^5.1.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "^18.3.1",
     "react-hot-toast": "^2.4.0",
     "use-debounce": "^8.0.4",
     "usehooks-ts": "^2.13.0",
-    "viem": "2.21.2",
-    "wagmi": "2.12.8",
+    "viem": "2.21.7",
+    "wagmi": "2.12.11",
     "zustand": "^4.1.2"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^4.1.1",
-    "@types/node": "^17.0.35",
+    "@types/node": "^18.19.50",
     "@types/nprogress": "^0",
-    "@types/react": "^18.0.9",
-    "@types/react-copy-to-clipboard": "^5.0.4",
+    "@types/react": "^18.3.5",
     "@typescript-eslint/eslint-plugin": "^5.39.0",
     "abitype": "1.0.6",
-    "autoprefixer": "^10.4.12",
+    "autoprefixer": "^10.4.20",
     "eslint": "^8.15.0",
     "eslint-config-next": "^14.0.4",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "postcss": "^8.4.16",
+    "postcss": "^8.4.45",
     "prettier": "^2.8.4",
-    "tailwindcss": "^3.4.3",
+    "tailwindcss": "^3.4.11",
     "type-fest": "^4.6.0",
     "typescript": "5.5.3",
-    "vercel": "^32.4.1"
+    "vercel": "^37.4.2"
   }
 }

packages/nextjs/types/react-copy-to-clipboard/react-copy-to-clipboard.d.ts

@@ -0,0 +1,18 @@
+// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/25414#issuecomment-1180518151
+declare module "react-copy-to-clipboard" {
+  import React from "react";
+
+  interface Options {
+    debug: boolean;
+    message: string;
+  }
+
+  interface Props {
+    text: string;
+    onCopy?(a: string, b: boolean): void;
+    options?: Options;
+  }
+
+  class CopyToClipboard extends React.Component<PropsWithChildren<Props>, unknown> {}
+  export default CopyToClipboard;
+}