Estoy configurando el estado inicial en redux con

 useEffect(() => { data?.map((user) => dispatch( addUser({ id: user.id, name: user.name, username: user.username, email: user.email, address: { city: user.address.city, }, }) ) ); }, [data, dispatch]);

que despacha

 addUser(state, action: PayloadAction<User>) { return [...state, action.payload]; },

La cuestión es que cada vez que el componente se vuelve a renderizar, se agregan los mismos elementos a la matriz. Sé por qué sucede, pero no sé cómo solucionarlo. ¿Alguien podría ayudar, por favor? los datos se obtienen de una API