Reactで作った英単語テストアプリでバグが起きてしまいます

現在英単語の学習サイトを作っています。そこで実装したい英単語テストアプリでバグが起きてしまいます。
　下記URLにソースコードを載せておきます。WordTest.jsxファイルで実装している機能をどなたか正常に動作するようにアドバイスいただけませんか？　

1.復習テストを行う⇨次のカードを表示するを複数回押した時に同じカードが出てきてしまうことがある。
2.同じく複数回押したときに以下のエラーコードが返される
CardList.jsx:8 Uncaught TypeError: Cannot read properties of undefined (reading 'id')
at CardList.jsx:8:1
at Array.map ()
at CardList (CardList.jsx:7:1)
at renderWithHooks (react-dom.development.js:16305:1)
at updateFunctionComponent (react-dom.development.js:19588:1)
at beginWork (react-dom.development.js:21601:1)
at HTMLUnknownElement.callCallback (react-dom.development.js:4164:1)
at Object.invokeGuardedCallbackDev (react-dom.development.js:4213:1)
at invokeGuardedCallback (react-dom.development.js:4277:1)
at beginWork$1 (react-dom.development.js:27451:1)

ソースコード　https://github.com/toma3desuyo/word_memorize.git
Webサイト　https://word-memorize-ff102.web.app