Recipe Box feedback

https://sauravk7077.github.io/recipeBox/
The link is above. Check it out and share your feedback.

The Add recipe button has pointer cursor for the whole width, but only + element is clickable.
All fields accept strings with just whitespace, which results in an empty recipe. Confusing.

In RecipeList.js you have key on the wrong element.

Take a look at Prettier: https://prettier.io/ (your code lack consistency in formatting and therefore is hard to read).

_=>props.modify(i) why _? are you saving characters?

I linted all the code using a linter, now.