diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index d558a4a..0f09f00 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -12,7 +12,7 @@ type Props = {
     XOR<{ children: ReactNode }, { label: string }>;
 
 const Button: FC<Props> = memo((props) => {
-    const { variant = 'primary', size = 'md', className, ...restProps } = props;
+    const { variant = 'primary', size = 'md', className, isLoading, ...restProps } = props;
 
     const buttonClass = clx(
         'flex rounded-xl items-center justify-center text-center font-medium transition-colors',
@@ -33,12 +33,12 @@ const Button: FC<Props> = memo((props) => {
 
     return (
         <button
-            disabled={restProps.isLoading}
+            disabled={isLoading}
             {...restProps}
             className={clx(buttonClass, className)}
         >
             {
-                restProps.isLoading ?
+                isLoading ?
                     <MoonLoader color={variant === 'primary' || variant === 'danger' ? "white" : "#6B7280"} size={16} />
                     :
                     restProps.label || restProps.children
diff --git a/src/pages/blogs/Update.tsx b/src/pages/blogs/Update.tsx
index e2f3386..4abe8df 100644
--- a/src/pages/blogs/Update.tsx
+++ b/src/pages/blogs/Update.tsx
@@ -81,7 +81,8 @@ const UpdateBlog: FC = () => {
                 imageUrl: blogDetail.imageUrl,
             })
         }
-    }, [blogDetail, formik])
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [blogDetail])
 
     const categoryOptions = categoriesData?.results?.categories?.map((category) => ({
         value: category._id,