【react-testing-library】子のコンポーネントをtestしたい

Question

react-testing-libraryでtestを行おうとしているのですが、子のコンポーネントをテストしようとした際に、型 '{}' には 型 'Props' からの次のプロパティがありません: users ts(2739)と言うエラー(vscodeの波線)が発生します。

ソースコード

少し簡略化しています。

const App: React.FC = () => {
  const [users, setUsers] = useState<data[]>([])
   return(
     <Child users={users} />
   )
}

上記のような感じで、Childコンポーネントにusersと言うstateを渡しています。また、実際にvscodeで波線が引かれる部分は以下の通りです。

import { render } from '@testing-library/react'
import Child from '../Components/Child'

describe('hello', () => {
  it('Childコンポーネントが表示されている', () => {
    // Childの部分に波線が引かれエラーとなっている。
    render(<Child />)
  })
})

かなり初歩的な質問になっていることは承知しています。これをどのようにすれば解消できるのか教えていただきたいです。よろしくお願いします。

Answer 1

テストのコード

render(<Child />)

Childコンポーネントは users のPropsを渡す必要があるためエラーになっているかと思います。
テストのため、疎通するためのなんらかのデータを渡しましょう。
例としては以下です。

  it('Childコンポーネントが表示されている', () => {
    // Childの部分に波線が引かれエラーとなっている。
    render(<Child users={[]}/>)
  })