title: canonical link doesn't show on page-source react-helmet reactjs no ssr
body: <p>I'm having an issue on viewing canonical URL on page-source and here is the code in the web-app page</p>
  <pre><code>
  const Index = () =&gt; {
    const airportsQuery = useQuery(ALL_AIRPORTS_QUERY, {
      variables: {
        keyword: '',
      },
      skip: true,
      notifyOnNetworkStatusChange: false,
    });
  
    let timer = null;
    function fetchOptions(inputValue, callback) {
      clearTimeout(timer);
  
      timer = setTimeout(() =&gt; {
        const response = airportsQuery.refetch({ keyword: inputValue });
  
        response.then(
          ({ data }) =&gt; callback(data?.allAirports || []),
          ({ message }) =&gt; {
            console.error('Server Error:', message);
          }
        );
      }, 100);
    }
  
    return (
      &lt;Layout&gt;
        &lt;Layout.Header /&gt;
        &lt;Layout.Container width=&quot;full&quot;&gt;
          &lt;Helmet&gt;
            &lt;meta charSet=&quot;utf-8&quot; /&gt;
            &lt;title&gt;eeeeee&lt;/title&gt;
            &lt;link rel=&quot;canonical&quot; href=&quot;https://www.biletiniz.com/&quot; /&gt;
          &lt;/Helmet&gt;
          &lt;HomePage
            fetchOptions={fetchOptions}
            onSubmit={variables =&gt;
              Router.push(`/flight-offers?${qs.stringify(variables)}`)
            }
          /&gt;
        &lt;/Layout.Container&gt;
        &lt;Layout.Footer /&gt;
      &lt;/Layout&gt;
    );
  };
  
  export async function getStaticProps() {
    const { default: lngDict = {} } = await import(
      `@biletiniz/intl/locales/tr.json`
    );
    return {
      props: { lng: 'tr', lngDict },
    };
  }
  
  export default withApollo({
    ssr: false,
  })(Index);
  </code></pre>
  <p>when I inspect the page-source  I can't find the link or the title
  How can I solve it?
  And we don't have SSR how can I render the helmet on client-side</p>