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

1

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,

answered Sep 28, 2021 at 1:19

Nasir Uddin

1913 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related