[playground]: Syntax error crashes playground

[ianduvall]

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

https://playground.react.dev/#N4Igzg9grgTgxgUxALhAMygOzgFwJYSYAEAKgmDgMIQC2ADoQpjgBR0wR1gCURwAOsSJxCFIhE5giAXiLtJAOkGCiRGAhyxiLFaqIAeAHzAJXAL76A9Id3cA3ILMgANCBGY0eAOYoQeehAwOEQ4AJ50CHxEAAoANlBeeJgA8nT4okRmRGgcNEQA5ABGAIaFCLEAtHTxiZgV6sW4FSL0eLEIMJYAJngU+Q6YgiwCQpaWLXRtxemYALIQXQjIRPwgxbGxq45EYNO9nuQxNUmpMzx2LuAAFhAA7gCSzB2Y62AoaK8IZkA

Repro steps

Create a syntax error in the playground.

For example, paste the following code into the playground:

function TestComponent(props) {
  const oops = props.

  return (
    <>{oops}</>
  );
}

How often does this bug happen?

Every time

What version of React are you using?

latest

What version of React Compiler are you using?

latest

[yorgie7]

When I click on link above, got this result.

[gkiely]

Some other examples, it seems like these are TODO's that are crashing the playground.

// Todo: (BuildHIR::lowerExpression) Handle get functions in ObjectExpression
const C = () => {
  const t = {
    get val(){}
  }
  return <></>;
}

https://playground.react.dev/#N4Igzg9grgTgxgUxALhHCA7MAXABAYVwF5cAKASmID5dgAdDXXdLPPE+xp3AcwTwBuAQwA2FYAF8GTKVxj9YjADxUlAeioBuBrJAAaNJgBmASx4oQJgLYAHCDDYBPGwlq4ACiKg8TGAPI22CaYYLgSuEYwEFa4AOQARkLxCCIAtDZePhip8kJw2KnotiYiCDBqACYmOLHaGAyknExqakU2JUJBmACyEBUIyLh0IKIiwzq4YJ3Vpgihnt6+AV1Y5Jr64AAWEADuAJIY2GUYomAoRqcIEkA

// Todo: Unexpected terminal kind `ternary` for optional test block
const Component = () => {
  useEffect(() => {}, []);
  const params = join({
    a: true ? '' : undefined,
    b: true ? '' : undefined,
  })?.replaceAll('', '');
}

https://playground.react.dev/#N4Igzg9grgTgxgUxALhHCA7MAXABAYQgFsAHTBDPAXlwAoBKXKgPl2AB0NdcowEBRAGaCEcbLQZNWwAL4AaXAG0AuvQDcnbuix4SAQxh6iYJrgBWEAJYZaHLt1x7kubDCgJcAflwByH7mcoDAATBEFrBGC5TQcAI2dXdy9ff0CQsIiomJl6TwA6GAQSABs9RABBYuLaPwU-dU4ZEDk0THCAcxQQS1IIGDxsAE8SD2BcAAViqHbrAHkSbEtMExlcQRhiX1i9WIRigFoS6et9wrLsffRSS2KEGAB6YMscHw0MTlsY+-urkhu9RaYACyEFCznYID0VQhjVwYABz3CCBMk2OGHmgKw6ma4AAFhAAO4ASUodwwULAKEEFIQMiAA