setState Which grammar is closer to clean code?

const [email, setEmail] = useState('');
const [password, setPassword] = useState('');

const handleChangeEmail = (e) => setEmail(e.target.value);
const handleChangePasswrod = (e) => setPassword(e.target.value);

vs 

const [userInfo, setUserInfo] = useState({email: '', password:''});

const handleChangeUserInfo = (e) => {
  const {name, value} = e.target;
  setUserInfo(prev => {...prev, ...{[name]:value}})
}

I think the code below will be better if there is more information about userinfo, but what do you think?