Fix preconnect link to target search cluster (#3980)

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.
reactjs · Oct 28, 2021 · faeaf22 · faeaf22
1 parent e75356d
commit faeaf22
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/beta/src/components/Search.tsx b/beta/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>