next.js with typescript fails with unexpected token `?`

Question

next.js npm run dev keeps failing with this optional property in tsx file:

Syntax error: Unexpected token 44 | 45 | type State<T_HT> = { > 46 | ghostHighlight: ?{ | ^ 47 | position: T_ScaledPosition 48 | }, 49 | isCollapsed: boolean,

what causes this, how to resolve this

Isaac · Accepted Answer · 2021-09-28 01:14:37Z

2

Optional properties, question mark should come before colon as below

ghostHighlight ?: { position: T_ScaledPosition }

answered Sep 28, 2021 at 1:14

Isaac

13k18 gold badges66 silver badges135 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

muon Over a year ago

thank you so much. I am new to typescript, and I was converting some js to ts

Isaac Over a year ago

No problem, good luck at that. Don't forget to mark it as answer if it helped you ;)

Nasir Uddin · Accepted Answer · 2021-09-28 01:19:38Z

Question mark position is wrong here. The question mark should be like this

 45 | type State<T_HT> = { > 46 | ghostHighlight?: { 47 | position: T_ScaledPosition 48 | }, 49 | isCollapsed: boolean,

Collectives™ on Stack Overflow

next.js with typescript fails with unexpected token `?`

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related