React compiler doesn't work with @svgr/webpack

[ellemedit]

Link to the code that reproduces this issue

https://github.com/ellemedit/nextjs-react-compiler-not-work

To Reproduce

1. bun dev
2. open with React devtools
3. you can see component not memoized even react compiler configured:
   
4. then you can edit app/IconButton.tsx to:

   "use client";
   
   import { ComponentProps } from "react";
   
   export function IconButton({ children, ...props }: ComponentProps<"button">) {
     return <button {...props}>{children}</button>;
   }
   

5. Cmd + K and rerun bun dev
6. you can see component is memoized:
   

Current vs. Expected behavior

currently react compiler doesn't work if Turbopack(webpack too) and @svgr/webpack configured.

it should work together

Provide environment information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 24.4.0: Fri Apr 11 18:32:50 PDT 2025; root:xnu-11417.101.15~117/RELEASE_ARM64_T6041
  Available memory (MB): 131072
  Available CPU cores: 16
Binaries:
  Node: 22.14.0
  npm: 10.9.2
  Yarn: N/A
  pnpm: 9.15.9
Relevant Packages:
  next: 15.4.0-canary.34 // Latest available version is detected (15.4.0-canary.34).
  eslint-config-next: N/A
  react: 19.1.0
  react-dom: 19.1.0
  typescript: 5.8.3
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Turbopack, Webpack

Which stage(s) are affected? (Select all that apply)

next dev (local), next build (local)

Additional context

No response