Add solution

[JaneShavrukova]

DEMO LINK

[Viktor-Kost]

It's not advisable to generate such a large number of states when we only have one instance (movie).
It'd be much better to utilize a single state with an object inside.

1. Create a variable outside the Component

const initialMovieState = {
  title: '',
  description: '',
  imgUrl: '',
  imdbUrl: '',
  imdbId: ''
}

2. Use one state for movie fields
3. Pass initialMovieState object when you invoke reset function
4. Whenever you need to change value of any field you should pass two arguments (key, value) and then just change a value of a movie object by key. In this case you will reuse one handler instead of handlers for each input
   Example:

const handleInputChange = (key, value) => {
  setMovie(prevInputs => ({...prevInputs, [key]: value}))
}

Suggested change

	const [title, setTitle] = useState('');
	const [description, setDescription] = useState('');
	const [imgUrl, setImgUrl] = useState('');
	const [imdbUrl, setImdbUrl] = useState('');
	const [imdbId, setImdbId] = useState('');
	const [movie, setMovie] = useState(initialMovieState);

[Viktor-Kost]

Suggested change

	const resetForm = () => {
	setTitle('');
	setDescription('');
	setImgUrl('');
	setImdbUrl('');
	setImdbId('');
	};
	const resetForm = () => {
	setMovie(initialMovieState);
	};

[Viktor-Kost]

I shouldn't be allowed to write only spaces

[plodnikate]

Good job