Add null check to ProfileCard component

deepsingh132 · Jul 8, 2024 · 7bbaf58 · 7bbaf58
1 parent 71ec6c4
commit 7bbaf58
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/components/ProfileCard.tsx b/components/ProfileCard.tsx
@@ -10,10 +10,10 @@ import { Button } from "./ui/button";
 import { useIsSubscribed, useGetPlan } from "@/hooks/useIsSubscribed";
 
 type planDetails = {
-  subscriptionId: string;
-  endsOn: number;
-  plan: string;
-};
+  subscriptionId: string | null;
+  endsOn: number | null;
+  plan: string | null;
+} | null;
 
 const ProfileCard = ({
   podcastData,
@@ -32,7 +32,8 @@ const ProfileCard = ({
   };
 
   const isSubscribed = useIsSubscribed(profileId);
-  const { plan } = useGetPlan(profileId) as planDetails;
+  const planDetails = useGetPlan(profileId) as planDetails;
+  const { plan } = planDetails || {};
 
   useEffect(() => {
     if (randomPodcast) {

diff --git a/next.config.mjs b/next.config.mjs
@@ -1,8 +1,8 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  typescript: {
-    ignoreBuildErrors: true,
-  },
+  // typescript: {
+  //   ignoreBuildErrors: true,
+  // },
   images: {
     remotePatterns: [
       {