[BUG] Property 'type' does not exist on AnimateSharedLayout's component props.
See original GitHub issueDescribe the bug
The documentation for <AnimateSharedLayout>
describes a type
prop that takes the strings crossfade
and switch
as values. This prop does not appear to exist in the actual type, and so I get a typescript error: Property 'type' does not exist on type 'IntrinsicAttributes & { children?: ReactNode; }'
CodeSandbox https://codesandbox.io/s/crazy-sinoussi-ejv4t?file=/src/App.tsx
Steps to reproduce
- Go to the CodeSandbox and wait for the type error to show.
Expected behavior Would expect that the types match the docs (I hope that doesn’t carry a snarky tone, none is intended).
Screenshot
Issue Analytics
- State:
- Created 2 years ago
- Comments:5
Top Results From Across the Web
Type '{ children: Element; }' has no properties in common with ...
This is a recent bug caused by this PR on types of react v18. ... 'framer-motion' { export interface AnimatePresenceProps { children?:
Read more >AnimateSharedLayout | Framer for Developers
The AnimateSharedLayout component enables you to perform layout animations: Across a set of components that don't otherwise share state.
Read more >property 'type' does not exist on type 'intrinsicattributes - You.com ...
The type of the return value of the connect function is a functional component that requires Props , not a bare functional component....
Read more >Everything about Framer Motion layout animations
A complete guide to Framer Motion layout animations showcasing every concept, from the layout prop, shared layout animations and LayoutGroup ...
Read more >React.js: Property 'children' does not exist on type 'X'
The React.js error "Property 'children' does not exist on type" occurs when we try access the `children` property in a component for which...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
It happens automatically between two elements with the same layoutid. You can turn it off by unmountibg the exiting element
Op ma 7 mrt. 2022 om 23:02 schreef Karl Kihlström @.***>
It’s been removed in 5, i delisted the page but will add a notice