title: Delay Algolia autosearch until third character
body: <p>I had a developer I worked with to build a client site (Im a designer with some CSS skills) and it uses algolia which is great but I am trying to find a way to make Algolia not start autosearching until 3 characters have been entered, then it can search away.</p>
  <p>I believe this is the code doing it. I need to figure out a way to delay query into becoming valid? Until 3 characters are entered</p>
  <pre><code>    export default function SearchPlaceholder({toggleAlgolia, query}) {
    return (
      &lt;div className={styles.searchPlaceholder}&gt;
        &lt;div className={styles.searchBox}&gt;
          &lt;div
            role=&quot;button&quot;
            tabIndex=&quot;0&quot;
            className={styles.trigger}
            onClick={() =&gt; {
              toggleAlgolia(true)
            }}
            onKeyPress={(event) =&gt; {
              if (event.key === 'Enter') {
                toggleAlgolia(true)
              }
            }}
          &gt;
            &lt;span&gt;Click to Search Glossary&lt;/span&gt;
          &lt;/div&gt;
          &lt;input
            tabIndex=&quot;-1&quot;
            type=&quot;search&quot;
            value={query}
            placeholder=&quot;Search our glossary...&quot;
            readOnly
          /&gt;
          &lt;button type=&quot;button&quot; tabIndex=&quot;-1&quot; disabled&gt;
            &lt;SearchIcon /&gt;
          &lt;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    )
  }
  </code></pre>