stateの初期値をランダムに設定すると、リロード時にエラーが出ます
解決したいこと
検索サイトの検索キーワードの初期値を、いくつかの候補からランダムに設定するようにしています。
初回ロード時には、問題なく表示されるのですが、
リロードすると、下記のようなエラーが発生します。
追記
この問題は、ローカル環境でのみ発生することがわかりました。
Netlifyにデプロイした本番環境においては、リロードしてもエラーは発生しませんでした。
###コード
index.js
export default function Home() {
const defaultKeyword = ["犬", "猫", "山", "川", "道", "白"];
// const defaultKeyword = ["犬"];
const randomKeyword =
defaultKeyword[Math.floor(Math.random() * defaultKeyword.length)];
const [keyword, setKeyword] = useState(randomKeyword); //指定キーワード
初期値を１つに絞ってみると、エラーは発生しません。
このエラーがどのような原因で発生しているのかや、ローカル環境においても回避する方法がわかる方がいらっしゃいましたら、教えていただけないでしょうか？
0
