[Compiler Bug]: Optional chaining not working with async try/catch function inside useEffect #35604
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-hooks (build issue installing or using the eslint plugin)
- react-compiler-healthcheck (build issue installing or using the healthcheck script)
Link to repro
Repro steps
Using the next code reproduce the issue:
export default function Tab() {
useEffect(() => {
async function fetchData() {
try {
const data = [];
const data2 = data?.forEach(item => console.log);
} catch (error) {
console.error('Error fetching Data:', error);
}
}
fetchData();
}, []);
return (
<>
</>
);
}How often does this bug happen?
Every time
What version of React are you using?
Latest version
What version of React Compiler are you using?
Latest version