witine/lookingglass
1
0
Fork 0
forked from mirrors/thatmattlove-hyperglass
Code Issues Pull requests Releases Activity

fix invalid prop forwarding for custom motion components

Browse source
This commit is contained in:
checktheroads 2021-01-02 12:54:59 -07:00
parent 2011892f72
commit 4c9bfe77e0
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
hyperglass/ui/components/util/animated.ts
View file

@ -1,8 +1,13 @@
import { chakra } from '@chakra-ui/react';
import { motion } from 'framer-motion';
export const AnimatedDiv = motion.custom(chakra.div);
export const AnimatedForm = motion.custom(chakra.form);
export const AnimatedH1 = motion.custom(chakra.h1);
export const AnimatedH3 = motion.custom(chakra.h3);
export const AnimatedButton = motion.custom(chakra.button);
/**
* Even though this seems to do nothing, this fixes the issue of Chakra Factory forwarding
* framer-motion props when it shouldn't.
*
* @see https://chakra-ui.com/docs/features/chakra-factory
*/
const shouldForwardProp = () => true;
export const AnimatedDiv = chakra(motion.div, { shouldForwardProp });
export const AnimatedForm = chakra(motion.form, { shouldForwardProp });