Update and fix Sentry and Algolia Search (#1060)

Author: NiallJoeMaher

components/ui/Search.tsx

@@ -19,7 +19,7 @@ import {
   type AutocompleteCollection,
 } from "@algolia/autocomplete-core";
 import { getAlgoliaResults } from "@algolia/autocomplete-preset-algolia";
-import algoliasearch from "algoliasearch/lite";
+import { liteClient as algoliasearch } from "algoliasearch/lite";
 import {
   Dialog,
   DialogPanel,
@@ -113,8 +113,8 @@ function useAutocomplete({
                 queries: [
                   {
                     indexName: ALGOLIA_SOURCE_IDX,
-                    query,
                     params: {
+                      query,
                       hitsPerPage: 6,
                     },
                   },

instrumentation.ts

@@ -0,0 +1,26 @@
+import * as Sentry from "@sentry/nextjs";
+
+const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN;
+const SENTRY_ENVIRONMENT = process.env.SENTRY_ENVIRONMENT;
+
+export function register() {
+  if (process.env.NEXT_RUNTIME === "nodejs") {
+    // this is your Sentry.init call from `sentry.server.config.js|ts`
+    Sentry.init({
+      dsn: SENTRY_DSN,
+      // Adjust this value in production, or use tracesSampler for greater control
+      tracesSampleRate: 1,
+      environment: SENTRY_ENVIRONMENT,
+    });
+  }
+
+  // This is your Sentry.init call from `sentry.edge.config.js|ts`
+  if (process.env.NEXT_RUNTIME === "edge") {
+    Sentry.init({
+      dsn: SENTRY_DSN,
+      // Adjust this value in production, or use tracesSampler for greater control
+      tracesSampleRate: 1,
+      environment: SENTRY_ENVIRONMENT,
+    });
+  }
+}

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.

next.config.js

@@ -39,20 +39,18 @@ const config = {
     // Temporary to check pipelines due to weird error I can only get on CodePipeline
     ignoreBuildErrors: true,
   },
+  experimental: {
+    instrumentationHook: true,
+  },
 };
 
 // Injected content via Sentry wizard below
 
 const { withSentryConfig } = require("@sentry/nextjs");
 
-module.exports = withSentryConfig(
-  withMDX(withBundleAnalyzer(config)),
-  {
-    silent: true,
-    org: "codu",
-    project: "codu",
-  },
-  {
-    hideSourceMaps: true,
-  },
-);
+module.exports = withSentryConfig(withMDX(withBundleAnalyzer(config)), {
+  silent: true,
+  org: "codu",
+  project: "codu",
+  hideSourceMaps: true,
+});