UseRefで連想配列を作るも、うまくsetできない。

Question

###UseRefで連想配列を作るも、うまくsetできない。
タイトル通りです。
UseRefで連想配列を作り、useEffectでそれにデータを加えていく処理をしているのですがうまくいきません。

下に疑似コードを示します。

const material_dic = useRef(new Map());
useEffect(() => {
    material_dic.current.set("hoge", "fuga")
    material_dic.current.set("piyo", "puyo")
    console.log(material_dic.current)
})

この結果を見ると以下に示す画像のように、mapの中にmap?ができてしまい、思った通りの動作になりません。

なぜこのような動作になるのでしょうか？
どのようにすればmapに"hoge", "fuga"を「直接」入れられるでしょうか？
ご助言いただけたらと思います。

Answer 1

すいません。どうやら非同期処理通信の結果が返ってくるところでconsole.logをしなければならず。そこで見たらきちんと動作をしてました・・・もっとよく確認してから投稿すべきでした。