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;
+}