message: docs(with-framer): Simplify Typescript example
diff: @@ -71,13 +71,10 @@ For TypeScript users, here's what you need to do:
  ```jsx live=false
  import React from "react"
  -import { HTMLChakraProps, chakra } from "@chakra-ui/react"
  -import { motion, HTMLMotionProps } from "framer-motion"
  +import { Box, BoxProps } from '@chakra-ui/layout';
  +import { motion } from 'framer-motion';
  -type Merge<P, T> = Omit<P, keyof T> & T;
  -type MotionBoxProps = Merge<HTMLChakraProps<"div">, HTMLMotionProps<"div">>;
  -
  -export const MotionBox: React.FC<MotionBoxProps> = motion(chakra.div);
  +export const MotionBox = motion<BoxProps>(Box);
  function Example() {
  return (
  