movies list

[stunnerboyone]

DEMO LINK

[etojeDenys]

let's show the error when I try to fill inputs with spaces

[etojeDenys]

we can combine it in one useState

const [newMovie, setNewMovie] = useState({
  title: '',
  ...
})

now we can also create only one handle function for all fields

const handleChange = (e: ...) => {
  const {name, value} = e.target;
  setMovie((prevMovie) => ({...prevMovie, [name]: value}))
}

don't forget to specify name attr to input in TextField

[anastasiia-tilikina]

just one more small fix

[anastasiia-tilikina]

let's create a var for example initialState and reuse it to avoid code duplication

[anastasiia-tilikina]

Well done!