[@mantine/core] Image: Fix race condition between hydration and image…

… load event (#629)
mantinedev · Sep 29, 2022 · 2acaf0a · 2acaf0a
1 parent c518490
commit 2acaf0a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/mantine-core/src/Image/Image.tsx b/src/mantine-core/src/Image/Image.tsx
@@ -78,7 +78,7 @@ export const Image = forwardRef<HTMLDivElement, ImageProps>((props: ImageProps,
     ...others
   } = useComponentDefaultProps('Image', defaultProps, props);
   const { classes, cx } = useStyles({ radius }, { classNames, styles, unstyled, name: 'Image' });
-  const [loaded, setLoaded] = useState(false);
+  const [loaded, setLoaded] = useState(!!src);
   const [error, setError] = useState(!src);
   const isPlaceholder = withPlaceholder && (!loaded || error);