fix typescript type for AnimatePresence component

[anark]

After upgrading my React app to version 18 and upgrading @types/react to v18 I was getting errors when using the AnimatePresence component

Type '{ children: false | Element | undefined; initial: false; }' is not assignable to type 'IntrinsicAttributes & AnimatePresenceProps'.
  Property 'children' does not exist on type 'IntrinsicAttributes & AnimatePresenceProps'.

<AnimatePresence initial={false}>

This should fix the issue.

[adhip94]

Can we get this merged? Related to #1509

[filiptammergard]

Ship it! 🚢

[NuroDev]

LGTM. Let's get this fix out 🚀

[Liinkiing]

You should also add it to the <LayoutGroup /> component IMO, I've searched accross the codebase, and these are the two components (<AnimatePresence/> and <LayoutGroup />) that should be affected by the changes of the types

https://github.com/framer/motion/blob/3d772790ed25b2dbe11a4a9a0c995a2e51fd3e04/packages/framer-motion/src/components/LayoutGroup/index.tsx#L27

[anark]

Thanks @Liinkiing , I've added that type change as well

[Moinax]

Hi @anark ,

When do you plan a release with this fix ?

Kind regards,

[anark]

Hi @anark ,

When do you plan a release with this fix ?

Kind regards,

I'm not an admin of this repo. It is up to them if/when the accept this fix and release

[sachaw]

@mattgperry could you please review this. It's a major blocker for me and several others. Thanks.

[Liinkiing]

@mattgperry could you please review this. It's a major blocker for me and several others. Thanks.

In the meantime, you could add a @ts-expect-error, it should be non blocking as it is just a TS issue, and you don't have to patch the package, so the ts-expect-error should to the trick

[mattgperry]

Great PR, thanks for jumping in!

[sachaw]

Also facing this issue with the AnimateSharedLayout Component

[mattgperry]

@sachaw AnimateSharedLayout has been deprecated since 5 https://www.framer.com/docs/guide-upgrade/#%23shared-layout-animations