solution

[InnaSh23]

DEMO LINK

[SanyaBratashchuk]

remove commented code

[SanyaBratashchuk]

There is no need in that useEffect. isFormValid can be just a common variable.

Suggested change

	useEffect(() => {
	const isImgUrlValid = pattern.test(imgUrl);
	const isImdbUrlValid = pattern.test(imdbUrl);
	setIsFormValid(!!title && isImgUrlValid && isImdbUrlValid && !!imdbId);
	}, [title, imgUrl, imdbUrl, imdbId]);
	const isFormValid = !!title && pattern.test(imgUrl) && pattern.test(imdbUrl) && !!imdbId

and then in JSX
<button ... disabled={isFormValid}>

It should work in the same way

[maxim2310]

Good work, but lets make some improvement

i try to add movie and fill in fields but button still disabled and haven't any error, looks strange

[SanyaBratashchuk]

[Optional] would be better to add error like 'url is not validinstead ofurl is requied` in such cases