Crash with Flow component syntax

[neutraali]

Docs: https://flow.org/en/docs/react/component-syntax/

Code

component Example( text: string = 'Hello World' ) {
    return <div>{text}</div>;
}

Expected

[
  {
    "description": "",
    "displayName": "Example",
    "methods": [],
    "props": {
      "text": {
        "required": false,
        "flowType": {
          "text": "string"
        },
        "description": "",
        "defaultValue": {
          "value": "'Hello World'",
          "computed": false
        }
      }
    }
  }
]

Actual

SyntaxError: playground.tsx: Missing semicolon. (1:9)

> 1 | component Example(
    |          ^
  2 | 	text: string = 'Hello World'
  3 | ) {
  4 | 	return <div>{text}</div>

[mikaeltoivio]

I also need this fixed

[jjylha]

Me too

[danez]

Babel has deprecated its official support for flowjs. We need to switch to hermes-parser for flow in order to support this. This will be a bigger undertaking and take a while.