Add condition to only get analytics in production mode

Author: wajeshubham

components/Toast.tsx

@@ -1,13 +1,12 @@
-import React, { useEffect } from "react";
-import { Fragment, useState } from "react";
+import { ToastInterface } from "@/types";
 import { Transition } from "@headlessui/react";
+import { XMarkIcon } from "@heroicons/react/20/solid";
 import {
   CheckCircleIcon,
   InformationCircleIcon,
   XCircleIcon,
 } from "@heroicons/react/24/outline";
-import { XMarkIcon } from "@heroicons/react/20/solid";
-import { ToastInterface, ToastVariantType } from "@/types";
+import React, { Fragment, useEffect, useState } from "react";
 
 interface Props extends ToastInterface {
   onClose: () => void;

config/firebase.ts

@@ -1,7 +1,7 @@
 import { initializeApp } from "firebase/app";
 import { Firestore, getFirestore } from "firebase/firestore";
 import { Auth, getAuth } from "firebase/auth";
-import { Analytics, getAnalytics, isSupported } from "firebase/analytics";
+import { Analytics, getAnalytics } from "firebase/analytics";
 
 let auth: Auth | undefined;
 let db: Firestore | undefined;
@@ -22,7 +22,9 @@ try {
 
   auth = getAuth(app);
   db = getFirestore(app);
-  if (typeof window !== "undefined") analytics = getAnalytics(app);
+  if (process.env.NODE_ENV === "production" && typeof window !== "undefined") {
+    analytics = getAnalytics(app);
+  }
 } catch (error) {
   console.log(
     Error(