title: inputSearchValue is not a function
body: <p>I recently started React and I don't understand why it tells me that the inputSearchValue function is not a function.</p>
  <p>The inputSearchValue function is used to retrieve the value entered by the user, to create a search bar.</p>
  <p>Here is my code:</p>
  <p>App/index.js</p>
  <pre><code>import React, { useState } from 'react';
  import 'semantic-ui-css/semantic.min.css';
  import repos from 'src/data/repos';
  
  import './style.scss';
  
  import SearchBar from 'src/components/SearchBar';
  import Message from 'src/components/Message';
  import ReposResults from 'src/components/ReposResults';
  
  const App = () =&gt; {
    const [counter, setCounter] = useState(0);
  
    const [posts, setPosts] = useState(repos.items);
  
    const [searchedValue, setSearchedValue] = useState('');
  
    const countResults = () =&gt; {
      const reposResults = posts.filter((post) =&gt; post);
      return reposResults.length;
    };
  
    const inputSearchValue = (inputValue) =&gt; {
      setSearchedValue(inputValue);
    };
  
    const numberOfResults = countResults(posts);
  
    return (
      &lt;div className=&quot;app&quot;&gt;
        &lt;SearchBar
          searchedValue={searchedValue}
          listOfPosts={posts}
          changeSearchValue={inputSearchValue}
        /&gt;
        &lt;Message counter={numberOfResults} /&gt;
        &lt;ReposResults repos={posts} /&gt;
      &lt;/div&gt;
    );
  };
  
  export default App;
  </code></pre>
  <p>SearchBar/index.js</p>
  <pre><code>import React from 'react';
  import { Input, Segment } from 'semantic-ui-react';
  import img from 'src/assets/images/logo-github.png';
  import PropTypes from 'prop-types';
  
  import './style.scss';
  
  const SearchBar = ({ searchedValue, inputSearchValue }) =&gt; (
    &lt;div className=&quot;searchbar&quot;&gt;
      &lt;img src={img} alt=&quot;logo-githug&quot; className=&quot;searchbar-img&quot; /&gt;
      &lt;Segment className=&quot;searchbar-segment&quot;&gt;
        &lt;Input
          icon=&quot;search&quot;
          placeholder=&quot;Chercher un repos&quot;
          iconPosition=&quot;left&quot;
          className=&quot;searchbar-input&quot;
          value={searchedValue}
          onSubmit={(event) =&gt; {
            inputSearchValue(event.target.value);
          }}
        /&gt;
      &lt;/Segment&gt;
    &lt;/div&gt;
  );
  
  SearchBar.propTypes = {
    searchedValue: PropTypes.string.isRequired,
    inputSearchValue: PropTypes.func.isRequired,
  };
  
  export default SearchBar;
  </code></pre>
  <p>In the const SearchBar, I used an onChange event with a function that returns the current entry.</p>
  <p>When I place an onSubmit event, I cannot write in the input</p>