Syncing derived values with an effect

What is the best way to improve this component?

const [first, setFirst] = useState('')
const [last, setLast] = useState('')
const [fullName, setFullName] = useState('')
useEffect(() => {
  setFullName(first + ' ' + last)
}, [first, last])