// package.json
  "dependencies": {
    "next": "15.3.1",
    "react": "^19.0.0",
    "react-code-blocks": "^0.1.6",
    "react-dom": "^19.0.0",
    "react-element-to-jsx-string": "^17.0.1",
  }// page.tsx
import { atomOneLight, atomOneDark, CopyBlock } from 'react-code-blocks';
import { useTheme } from 'next-themes';
......
  <CopyBlock
          text={jsxString}
          language="jsx"
          showLineNumbers
          wrapLongLines
          theme={theme === 'dark' ? atomOneDark : atomOneLight}
  />Console Error
Received `false` for a non-boolean attribute `copied`.
If you want to write it to the DOM, pass a string instead: copied="false" or copied={value.toString()}.
If you used to conditionally omit it with copied={condition && value}, pass copied={condition ? value : undefined} instead.