useEffectで依存関係を解消するためにsetStateを使っていい？

どうにかして, missing dependencyを起こさずに, indexの変更のみに反応するようにしたいです.

linterのためにわざわざそんなコードを書くくらいなら個人的には単純にlinterを黙らせます.

そもそもの設計として,wordsを保持するコンポーネントは分けるべきなのかもしれません.(おそらくタイピングゲームのプレイ中に,単語リストを置き換える機会がそうそうない)
wordsの型がWords[]になってるのが間違いでないのなら,相当設計をとっ散らかしてる可能性がありますので,フローを見直してみてください.

こんにちは。

const [words, setWords] = useState<Word[]>([...]) 

を

const words = useRef<Word[]>([...])

のように定義するのはいかがでしょうか。
こうすればuseEffectの依存配列からwordsをなくすことが可能になります。
質問文の内容を拝見しているとおそらくwordsをstateで管理する必要はなさそうでしたのでこちらの対応方法を提案させていただきました。

仕様の詳細にも依りますが、indexが決まればそれを使ってwordも一意に決まるということであれば、そもそもindexとwordの2つのstateを持つ必要はなさそうですね

その場合具体的には、

const [words, setWords] = useState<Words[]>([...]) 
const [index, setIndex] = useState<number>(0)
const word = words[index]

とするだけでよく、useEffectは不要になります。

また以下はあくまで参考までにですが、wordをstateとしたままにするのであれば、単に以下とするのが普通だと思います

useEffect(() => {
    setWord(words[index]);
}, [index]);