title: React textarea is showing [object Object]
body: <p>I am new to React and trying to figure out why whenever I am typing in my textarea field it just returns [object Object] and not the value of what I am typing. In my parent component I used hooks and passed the different states to the child component as props.</p>
  <pre><code> function RestaurantList({
        nearbyRestaurants,
        userReview,
        setUserReview,
        setQuery
      }) {
        function handleChange(e) {
          const { name, value } = e.target;
          setUserReview({ ...userReview, [name]: value });
        }
      
        function submitForm(e) {
          e.preventDefault();
          setQuery(userReview);
          setUserReview(&quot;&quot;);
        }
      
        return (
          &lt;div&gt;
            &lt;ul&gt;
              {nearbyRestaurants.map((place) =&gt; (
                &lt;div&gt;
                  &lt;li&gt;
                    &lt;div&gt;{place.name}&lt;/div&gt;
                    &lt;form onSubmit={submitForm}&gt;
                      &lt;input
                        type=&quot;text-area&quot;
                        placeholder=&quot;Leave a review...&quot;
                        value={userReview}
                        name=&quot;userReview&quot;
                        onChange={handleChange}
                      /&gt;
                      &lt;button className=&quot;submit-button&quot; type=&quot;submit&quot;&gt;
                        submit
                      &lt;/button&gt;
                    &lt;/form&gt;
                  &lt;/li&gt;
                &lt;/div&gt;
              ))}
            &lt;/ul&gt;
          &lt;/div&gt;
        );
      }
  </code></pre>