我是ReactJS的新手。我想在我的react程序中使用Unique Id。所以我创建了一个自定义钩子，该钩子返回一个唯一的id。但我的情况是，当我在组件中使用这个自定义钩子时，同时我的组件被初始化了两次。我不知道如何避免多次初始化加载。
这是我定制的钩子

import { useEffect, useReducer } from 'react';

export const CreateUniqueId = () => {
  const [renderId, forceUpdate] = useReducer((x) => x + 1, 0);

  useEffect(() => {
    forceUpdate();
  }, []);

  return renderId;
};

如果你知道答案，告诉我该怎么办。
先谢了。