window.ipcRenderer.off is not working on renderer process.

[sven0227]

function App() {
const [count, setCount] = useState(0);

const handler = useCallback(() => {
console.log("added received!!!");
}, []);

useEffect(() => {
window.ipcRenderer.on("added", handler);
return () => {
window.ipcRenderer.off("added", handler);
};
}, []);
...
}

// main.ts
ipcMain.handle("add", (event) => {
console.log("add");
event.sender.send("added", { message: "added" });
});

The "added" handler on renderer process is double called every main process sends "added" event.
It means that window.ipcRenderer.off is not working on renderer process.