症状

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重に書かれていた箇所を１つに直したら、解決しました。 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}
  )
}

参考