症状
Reactで画面作成時に以下のエラーが発生しました。
翻訳すると、「識別子 'Hoge'はすでに宣言されています」でした。
シンプルに、変数が二重に宣言されていると言われているようです。
エラー
Identifier 'Hoge' has already been declared
以下が該当のソースです。
HogeHome.jsx
import React,{useState} from "react";
import Hoge from "../Hoge";
import Hoge from "../Hoge";
export const HogeHome = () => {
const [value, setValue] = useState(Hoge);
return (
{value}
)
}
解決策
imortが2重に書かれていた箇所を1つに直したら、解決しました。
importした値やオブジェクトが2重にimportされているため、既に宣言されているというエラーが出ていたようです。
HogeHome.jsx
import React,{useState} from "react";
import Hoge from "../Hoge";
import Hoge from "../Hoge";
export const HogeHome = () => {
const [value, setValue] = useState(Hoge);
return (
{value}
)
}