[Avatar] Fix flashing of broken image (#2340)

* [Avatar] Fix flashing of broken image * Use isomorphic `useLayoutEffect` * [Avatar] Bump patch version
radix-ui · Aug 16, 2023 · baf9862 · baf9862
1 parent 3e0642e
commit baf9862
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.yarn/versions/64fcd132.yml b/.yarn/versions/64fcd132.yml
@@ -0,0 +1,5 @@
+releases:
+  "@radix-ui/react-avatar": patch
+
+declined:
+  - primitives
diff --git a/packages/react/avatar/src/Avatar.tsx b/packages/react/avatar/src/Avatar.tsx
@@ -120,7 +120,7 @@ AvatarFallback.displayName = FALLBACK_NAME;
 function useImageLoadingStatus(src?: string) {
   const [loadingStatus, setLoadingStatus] = React.useState<ImageLoadingStatus>('idle');
 
-  React.useEffect(() => {
+  useLayoutEffect(() => {
     if (!src) {
       setLoadingStatus('error');
       return;