Crash with Flow component syntax

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>

Reproduce the Flow component example from the issue in playground.tsx and confirm the reported syntax error. Trace the parser handling for this component syntax; done means the example parses and produces the expected component metadata. No implementation file or test is named, so finding the relevant parser entry point is part of the work.