From 4391dc22bc2d1f9b553ebf534b763848ff3f94d5 Mon Sep 17 00:00:00 2001
From: Riccardo <riccardo.s@hey.com>
Date: Sun, 17 Dec 2023 12:18:36 +0100
Subject: [PATCH] fix: useMediaQuery firing too early

---
 components/custom/card.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/custom/card.tsx b/components/custom/card.tsx
index 67fd59c..dbe79b0 100644
--- a/components/custom/card.tsx
+++ b/components/custom/card.tsx
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, useEffect, useState } from 'react';
 import { useMediaQuery } from 'react-responsive';
 import {
   Card,
@@ -25,8 +25,17 @@ export const CustomCard = ({
   style,
   footer = true
 }: CustomCardProps) => {
+  const [isLoaded, setIsLoaded] = useState(false);
   const isMobile = useMediaQuery({ query: '(max-width: 767px)' });
 
+  useEffect(() => {
+    setIsLoaded(true);
+  }, []);
+
+  if (!isLoaded) {
+    return null;
+  }
+
   if (isMobile) {
     console.log(isMobile);
     return (