title: 'Input' is not defined react/jsx-no-undef, what does that mean?
body: <p>Im trying to make an input field for name in my code, and I get: 
  'Input' is not defined  react/jsx-no-undef  and I cant see whats wrong, can anyone please help me?</p>
  
  <p>I will later pass name into my dispatch</p>
  
  <p>The form part with textarea is working.</p>
  
  <pre><code>import React, { useState } from 'react'
  import { useDispatch, useSelector } from 'react-redux'
  import '../styles/NewMessage.css'
  import { fetchNewMessage } from 'reducer/messages'
  
  export const NewMessage = () =&gt; {
    const [message, setMessage] = useState('')
    const [name, setName] = useState('')
  
    const dispatch = useDispatch()
  
  
    const handleMessageSubmit = (event) =&gt; {
      event.preventDefault()
      //console.log('addNewMessage', message)
  
      dispatch(fetchNewMessage(message))
      setMessage('')
    }
  
    return (
      &lt;div className="add-message-container"&gt;
  
        {/* ******Form for sending a new message******* */}
        &lt;form onSubmit={handleMessageSubmit} className="add-message-form"&gt;
  
          &lt;span&gt;
            &lt;label&gt;
              Name:
  </code></pre>
  
  <p>This input is giving me the 'Input' is not defined  react/jsx-no-undef</p>
  
  <pre><code>            &lt;Input
                placeholder="Name"
                type="text"
                onChange={event =&gt; setName(event.target.value)}
                value={name}
                required
              /&gt;
            &lt;/label&gt;
          &lt;/span&gt;
  
  </code></pre>
  
  <p>This textarea is working fine</p>
  
  <pre><code>
          &lt;span&gt;
            &lt;label For="new-message"&gt;
              &lt;textarea
                id="new-message"
                className="input-message"
                rows='3' 
                minLength='5'
                maxLength='150'
                placeholder="Type your message"
                onChange={(event) =&gt; setMessage(event.target.value)} 
                value={message}
                required /&gt;
            &lt;/label&gt;
          &lt;/span&gt;
  
  
          {/* * Form submit button * */}
          &lt;div className="add-message-btn-container"&gt;
            &lt;button
              className="add-message-btn"
              type="submit"
              title="Send"&gt;
              Send
            &lt;/button&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    )
  }
  
  </code></pre>