Fix AnimatePresence won't unmount fastly changing content

fixed: motiondivision#907 motiondivision#1439 motiondivision#1534
JaeSeoKim · Jun 3, 2022 · f435b02 · f435b02
1 parent ff0a210
commit f435b02
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/framer-motion/src/components/AnimatePresence/index.tsx b/packages/framer-motion/src/components/AnimatePresence/index.tsx
@@ -75,7 +75,9 @@ function onlyElements(children: ReactNode): ReactElement<any>[] {
  *
  * @public
  */
-export const AnimatePresence: React.FunctionComponent<React.PropsWithChildren<AnimatePresenceProps>> = ({
+export const AnimatePresence: React.FunctionComponent<
+    React.PropsWithChildren<AnimatePresenceProps>
+> = ({
     children,
     custom,
     initial = true,
@@ -95,7 +97,7 @@ export const AnimatePresence: React.FunctionComponent<React.PropsWithChildren<An
     const filteredChildren = onlyElements(children)
     let childrenToRender = filteredChildren
 
-    const exiting = new Set<ComponentKey>()
+    const exiting = useRef(new Set<ComponentKey>()).current
 
     // Keep a living record of the children we're actually rendering so we
     // can diff to figure out which are entering and exiting