Skip to content

Commit eda3f9a

Browse files
authored
fix: Add property __source so react diffs properly (to useImage) (#41)
Add it following your solution #40 in useImage, I have checked and confirmed the feature in the new version
1 parent b085491 commit eda3f9a

File tree

1 file changed

+7
-0
lines changed

1 file changed

+7
-0
lines changed

packages/react-native-nitro-image/src/useImage.ts

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,14 @@ export function useImage(source: AsyncImageSource): Result {
3838
useEffect(() => {
3939
(async () => {
4040
try {
41+
// 1. Create the Image/ImageLoader instance
4142
const result = await loadImage(source);
43+
// 2. Add `__source` as a property on the JS side so React diffs properly
44+
Object.defineProperty(result, "__source", {
45+
enumerable: true,
46+
configurable: true,
47+
value: source,
48+
});
4249
setImage({ image: result, error: undefined });
4350
} catch (e) {
4451
const error = e instanceof Error ? e : new Error(`${e}`);

0 commit comments

Comments
 (0)