[Compiler Bug]: Compiler errors when optimizing component with spread assignment in if in while loop #33196
Description
What kind of issue is this?
- React Compiler core (the JS output is incorrect, or your app works incorrectly after optimization)
- babel-plugin-react-compiler (build issue installing or using the Babel plugin)
- eslint-plugin-react-compiler (build issue installing or using the eslint plugin)
- react-compiler-healthcheck (build issue installing or using the healthcheck script)
Link to repro
Repro steps
React compiler fails to optimize components like this:
function Component() {
const value = useValue()
const fn = (args) => {
while (true) {
// do something with args
// ...
// ✅ works outside of if
args = { ...args, prop: value }
if (args?.prop) {
// ✅ works when assigning prop directly
args.prop = value
// 👇 Invariant: Invalid mutable range for scope. Scope @0 has range [0:21] but the valid range is [1:25]
args = { ...args, prop: value }
}
}
}
// ...
}How often does this bug happen?
Every time
What version of React are you using?
19.0.0
What version of React Compiler are you using?
19.1.0-rc.1