React Hook useEffect has a missing dependency 'formdata' - reactjs

Question

Keep having a warning missing dependency in my form,
i tried input the formdata into the array of useEffect, but if i input the formdata, it will show Maximum update depth exceeded
Full warning : "React Hook useEffect has a missing dependency : 'formdata'. Either include it or remove the dependency array"
And my code is:
const [isRevealPassword, isRevealPasswordHandler] = useState(false);
const [formdata, formdataHandling] = useState({
email: {
value: '',
config: {
type: 'email'
}
},
password: {
value: '',
config: {
type: 'password'
}
}
});
useEffect(() => {
const newFormdata = {
...formdata
}
const newElement = {
...newFormdata['password']
}
newElement.config.type = isRevealPassword ? 'text' : 'password';
newFormdata['password'] = newElement;
formdataHandling(newFormdata);
}, [isRevealPassword]) // <--- if I input formdata here, it will looping until Maximum update depth exceeded
const togglePassword = () => {
isRevealPasswordHandler(!isRevealPassword);
}
return (
<span
onClick={() => togglePassword()}
>
{
isRevealPassword ? <FaEye /> : <FaEyeSlash />
}
</span>
)
the answer is in the comment below, all credits goes to mr #Yousaf ( will delete this message here, if mr Yousaf himself post the answer )