rendering of component failed, due to type definition on multiple lines

[y-nk]

What version of astro are you using?

2.8.0

Are you using an SSR adapter? If so, which one?

no

What package manager are you using?

npm

What operating system are you using?

mac

What browser are you using?

chrome

Describe the Bug

Problem statement

A component with a specific type Props definition cannot be rendered. There's an error in parsing the file, which i suspect is because the type is formatted on multiple lines.

Usecase

The type which makes it fail in my usecase is:

export type Props = Omit<Strapi.Simplified<Strapi.NavItem>, 'hasNestedLinks' | 'title'>

...which prettier refactor as:

export type Props = Omit<
  Strapi.Simplified<Strapi.NavItem>,
  'hasNestedLinks' | 'title'
>

and gives the following:

Proofs

• When i edit the file in vim and force back the type to be on one line, the error disappears.
• When i add // prettier-ignore above the type as a oneliner, the error disappears

What's the expected result?

We should not have issue with types being defined on multiple lines.

Link to Minimal Reproducible Example

https://codesandbox.io/p/sandbox/wizardly-sanderson-6ckszp

Participation

• I am willing to submit a pull request for this issue.

[Princesseuh]

Duplicate of #554