Avatar always has a delay in loading

[sshallow]

Bug report

Current Behavior

Even if it has been loaded (it can be displayed even after the network is disconnected), there will still be a delay in displaying it again.

Expected behavior

After loading, the avatar image is displayed directly.

Reproducible example

      <Avatar className="border border-slate-200 shadow h-8 w-8 flex">
        <AvatarImage src={userInfo.profile_photo} alt="Avatar" />
        <AvatarFallback delayMs={1000}>N</AvatarFallback>
      </Avatar>

Additional context

this video

Your environment

chrome extension

"@radix-ui/react-avatar": "^1.0.4",
"@radix-ui/react-checkbox": "^1.0.4",
"@radix-ui/react-dialog": "^1.0.5",
"@radix-ui/react-dropdown-menu": "^2.0.6",
"@radix-ui/react-icons": "^1.3.0",
"@radix-ui/react-label": "^2.0.2",
"@radix-ui/react-popover": "^1.0.7",
"@radix-ui/react-select": "^2.0.0",
"@radix-ui/react-separator": "^1.0.3",
"@radix-ui/react-slot": "^1.0.2",
"@radix-ui/react-switch": "^1.0.3",
"@radix-ui/react-tooltip": "^1.0.7",

https://github.com/radix-ui/primitives/assets/21257340/3246af7f-a332-4f7a-b788-3a58ac5a23fa