typescript、Reactで、hookの引数に[]を取るとnever型になってしまう

Question

前提・実現したいこと

typescript,Reactの学習中です。
ヘルシンキ大学のfull stack open 2019を、typescriptで進めています。
現在part2です。

state hooksの引数に配列を取りたいのですが、never型となりコンパイルエラーが発生します。
never型ではない型に指定することはできるのでしょうか。

発生している問題・エラーメッセージ

Argument of type 'never[]' is not assignable to parameter of type 'NotesProps | (() => NotesProps)'.
  Type 'never[]' is not assignable to type '() => NotesProps'.
    Type 'never[]' provides no match for the signature '(): NotesProps'.  TS2345

    13 | 
    14 | const App = () => {
  > 15 |   const [notes, setNotes] = useState<NotesProps>([])
       |                                                  ^
    16 |   const [newNote, setNewNote] = useState('')
    17 |   const [showAll, setShowAll] = useState(true)
    18 | 

該当のソースコード

type NotesProps = {
  notes: {
    id: number,
    content: string,
    date: string,
    important: boolean
  }[]
}

const App = () => {
  const [notes, setNotes] = useState<NotesProps>([])
  const [newNote, setNewNote] = useState('')
  const [showAll, setShowAll] = useState(true)

// ...

試したこと

<NoteProps>の部分を消してみると、別のnotesを利用するところで同様にnever型なので駄目だという旨のエラーが発生しました。
ここのタイプの指定はやはり必要なものなのではと思います。

補足情報（FW/ツールのバージョンなど）

react: 16.9.0
typescript: 3.6.3

Answer 1

const [notes, setNotes] = useState<NotesProps[]>([])

NotesProps[]してあげればいけると思います。

Comments

[auk1709]

いけました！ありがとうございます！