fix: use new motion.create

Author: hzhu

package.json

@@ -4,6 +4,19 @@
   "author": "henryzhu.eth",
   "license": "MIT",
   "description": "A 📄 sheet is a modal used to replicate an Apple-like sheet experience on the mobile web.",
+  "keywords": [
+    "ios",
+    "web",
+    "a11y",
+    "sheet",
+    "modal",
+    "dialog",
+    "animation",
+    "bottom sheet",
+    "accessibility",
+    "react component",
+    "progressive-web-app"
+  ],
   "homepage": "https://github.com/sheet-ui/sheet",
   "repository": {
     "type": "git",

src/index.tsx

@@ -62,11 +62,11 @@ const SHEET_MARGINS = {
   xs: 540,
 } as const;
 
-const MotionModal = motion(
+const MotionModal = motion.create(
   Modal as ForwardRefExoticComponent<RefAttributes<HTMLDivElement>>
 );
 
-const MotionModalOverlay = motion(
+const MotionModalOverlay = motion.create(
   ModalOverlay as ForwardRefExoticComponent<
     ModalOverlayProps & RefAttributes<HTMLDivElement>
   >