diff --git a/src/app/features/create-post/CreatePost.tsx b/src/app/features/create-post/CreatePost.tsx index 613649c3..7b6c43c0 100644 --- a/src/app/features/create-post/CreatePost.tsx +++ b/src/app/features/create-post/CreatePost.tsx @@ -106,9 +106,13 @@ export function CreatePostForm({ defaultRoomId, onCreate }: CreatePostFormProps) const [menuAnchor, setMenuAnchor] = useState(); const [selectedFiles, setSelectedFiles] = useState([]); - const uploadFamilyObserverAtom = createUploadFamilyObserverAtom( - roomUploadAtomFamily, - selectedFiles.map((f) => f.file) + const uploadFamilyObserverAtom = useMemo( + () => + createUploadFamilyObserverAtom( + roomUploadAtomFamily, + selectedFiles.map((f) => f.file) + ), + [selectedFiles] ); const uploads = useAtomValue(uploadFamilyObserverAtom); const uploadsPending = uploads.some((upload) => upload.status !== UploadStatus.Success);