Fix preconnect link to target search cluster (#3980)

francoischalifour · web-flow · commit cfcb3a2b27c4 · 2021-10-23T17:43:44.000+01:00
The `appId` was retrieved from props but the `<Search>` component is never instantiated with props. So the preconnect link targeted an unknown search cluster: ```html <link rel="preconnect" href="https://undefined-dsn.algolia.net" crossorigin="true"> ``` This fixes the preconnect link by getting the `appId` from the website config.
diff --git a/src/components/Search.tsx b/src/components/Search.tsx
@@ -46,7 +46,6 @@ const options = {
 };
 let DocSearchModal: any = null;
 export const Search: React.FC<SearchProps> = ({
-  appId,
   searchParameters = {
     hitsPerPage: 5,
   },
@@ -93,7 +92,7 @@ export const Search: React.FC<SearchProps> = ({
       <Head>
         <link
           rel="preconnect"
-          href={`https://${appId}-dsn.algolia.net`}
+          href={`https://${options.appId}-dsn.algolia.net`}
           crossOrigin="true"
         />
       </Head>
