title: React - After typing more than a character in search bar, it stops fetching users
body: <p>Case: Search bar retrieves users just fine based on ONE character, once you type a second character, it retrieves nothing anymore.</p>
  <p>Example if you wanna look for Andrew, and you type &quot;A&quot;, it will retrieve all users that start with A, if you type your second letter, in this case N, it will retrieve nothing anymore.</p>
  <p>This is quite a big project I'm working on, long code coming in:</p>
  <p>My search bar:</p>
  <pre><code>Import Select from 'react-select';
  
  
  &lt;Select
    onInputChange={handleInputChange}
    onChange={userHandler}
    className=&quot;searchPlayer&quot;
    options={options}
    placeholder={t('searchBar', {results: totalResults})}
    search={true}
  /&gt;
  </code></pre>
  <p>handleInputChange:</p>
  <pre><code>  const handleInputChange = search =&gt; {
      if (search) {
        const newFilters = {
          ...filters,
          search: search,
        };
        setFilters(newFilters);
      }
    };
  </code></pre>
  <p>setFilters:</p>
  <pre><code>  const [filters, setFilters] = useState({});
  </code></pre>
  <p>userHandler (if relevant):</p>
  <pre><code>  const selectSearchUserHandler = (data) =&gt; {
      history.push(`/accounts/${data.id}`);
    };
  </code></pre>
  <p>My useEffect to fetch new accounts:</p>
  <pre><code>  useEffect(() =&gt; {
      if (status !== 'idle') {
        dispatch(fetchAccounts({ filters, options }));
      }}, [filters, options]);
  </code></pre>
  <p>options -&gt; nothing more than an object with the page the user is on + results limit per page. { page: 1, limit: 15 }</p>
  <p>My action for fetching new accounts:</p>
  <pre><code>export const fetchAccounts = createAsyncThunk(
    'accounts/fetchAccounts',
    async ({ filters, options }) =&gt; {
      const filterParams = new URLSearchParams(
        Object.assign(filters, options),
      ).toString();
      const {
        data: { data },
      } = await get(`/accounts?${filterParams}`);
  
      return data;
    },
  );
  </code></pre>