Rollup typescript warning

[TriveniBrijesh]

I have to use structuredClone function in my react component, build component during give below typescript warning from rollup. I have to use rollup/plugin-typescript latest version.
@rollup/plugin-typescript TS2304: Cannot find name 'structuredClone'.
how to fixt that warning?

Rollup.config.js file
import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "@rollup/plugin-typescript";
import excludeDeps from "rollup-plugin-exclude-dependencies-from-bundle";
import { terser } from "rollup-plugin-terser";
import dts from "rollup-plugin-dts";
import url from "rollup-plugin-url";

const production = !process.env.ROLLUP_WATCH;
const PACKAGE_ROOT_PATH = process.cwd();
// rollup.config.js
/**

• @type {import('rollup').RollupOptions}
  /
  export default [
  {
  input: ${PACKAGE_ROOT_PATH}/src/index.ts,
  output: [
  {
  dir: "dist",
  format: "es",
  sourcemap: false,
  },
  ],
  plugins: [
  excludeDeps(),
  resolve(),
  commonjs(),
  typescript({
  tsconfig: ${PACKAGE_ROOT_PATH}/tsconfig.json,
  }),
  production && terser({ format: { comments: false } }),
  url({
  include: ["**/.woff", "**/*.woff2"],
  // setting infinite limit will ensure that the files
  // are always bundled with the code, not copied to /dist
  limit: Infinity,
  }),
  ],
  },
  {
  input: "dist/types/index.d.ts",
  output: [{ file: "dist/index.d.ts", format: "esm" }],
  plugins: [dts()],
  external: ['moment/min/locales','react-toastify/dist/ReactToastify.css']
  },
  ];

tsconfig.json file
{
"compilerOptions": {
"esModuleInterop": true,
"strict": true,
"skipLibCheck": true,
"jsx": "react",
"lib": ["ESNext", "DOM"],
"module": "ESNext",
"declaration": true,
"sourceMap": false,
"moduleResolution": "Node",
"allowSyntheticDefaultImports": true,
"forceConsistentCasingInFileNames": true,
"resolveJsonModule": true,
"typeRoots": ["types"]
},
"exclude": ["node_modules", "/*.test.tsx", "/*.stories.tsx"]
}

[potatohoney-p]

Your config already includes "DOM", so adding it again won't fix this. Check the installed typescript package, not just the version of @rollup/plugin-typescript. The plugin uses TypeScript as a separately installed peer dependency, and the browser declarations come from that compiler's lib.dom.d.ts.

I tested this small case with lib: ["ESNext", "DOM"], strict: true, skipLibCheck: true, and your typeRoots: ["types"]:

export const copy = structuredClone({ nested: { value: 1 } });

• TypeScript 4.4.4 and 4.5.5: TS2304: Cannot find name 'structuredClone'.
• TypeScript 5.9.3: no diagnostics. It also built without warnings with Rollup 4.53.3 and @rollup/plugin-typescript 12.3.0.

From the package directory where you run Rollup, check:

npm ls typescript @rollup/plugin-typescript
node -p "require('typescript').version"
node -p "require.resolve('typescript')"

If the compiler is old, update the project's typescript dev dependency to a version supported by your toolchain. Keep "DOM" in lib. The typeRoots setting is not what removes lib.dom.d.ts; the probe above kept it unchanged.

This fixes only the type declaration side. The emitted JavaScript still calls native structuredClone; the plugin does not polyfill it for older browsers. If a recent compiler still reports the warning, the resolved compiler path and a minimal source file would help distinguish a different installed TypeScript copy or a DOM-lib override from the old-compiler case. The question doesn't include a TypeScript version, so I can't establish which of those applies to the original project.