fix: now using the correct method to instantiate motion since its constructor is deprecated in favor of the create method
This commit is contained in:
@@ -32,8 +32,8 @@ import type {
|
|||||||
} from "@/types/components/myPages/myPage/accountPage"
|
} from "@/types/components/myPages/myPage/accountPage"
|
||||||
import type { Reward } from "@/types/components/myPages/rewards"
|
import type { Reward } from "@/types/components/myPages/rewards"
|
||||||
|
|
||||||
const MotionOverlay = motion(ModalOverlay)
|
const MotionOverlay = motion.create(ModalOverlay)
|
||||||
const MotionModal = motion(Modal)
|
const MotionModal = motion.create(Modal)
|
||||||
|
|
||||||
const thirtyMinutesInMs = 1000 * 60 * 30
|
const thirtyMinutesInMs = 1000 * 60 * 30
|
||||||
|
|
||||||
|
|||||||
@@ -26,8 +26,8 @@ import { modalContentVariants } from "./variants"
|
|||||||
|
|
||||||
import styles from "./modal.module.css"
|
import styles from "./modal.module.css"
|
||||||
|
|
||||||
const MotionOverlay = motion(ModalOverlay)
|
const MotionOverlay = motion.create(ModalOverlay)
|
||||||
const MotionModal = motion(AriaModal)
|
const MotionModal = motion.create(AriaModal)
|
||||||
|
|
||||||
function InnerModal({
|
function InnerModal({
|
||||||
animation,
|
animation,
|
||||||
|
|||||||
@@ -30,7 +30,7 @@ import styles from "./surprises.module.css"
|
|||||||
import type { SurprisesProps } from "@/types/components/blocks/surprises"
|
import type { SurprisesProps } from "@/types/components/blocks/surprises"
|
||||||
import type { Surprise } from "@/types/components/myPages/rewards"
|
import type { Surprise } from "@/types/components/myPages/rewards"
|
||||||
|
|
||||||
const MotionModal = motion(Modal)
|
const MotionModal = motion.create(Modal)
|
||||||
|
|
||||||
export default function SurprisesNotification({
|
export default function SurprisesNotification({
|
||||||
surprises: initialData,
|
surprises: initialData,
|
||||||
|
|||||||
@@ -21,8 +21,8 @@ import styles from './modal.module.css'
|
|||||||
import { Typography } from '../../Typography'
|
import { Typography } from '../../Typography'
|
||||||
import { MaterialIcon } from '../../Icons/MaterialIcon'
|
import { MaterialIcon } from '../../Icons/MaterialIcon'
|
||||||
|
|
||||||
const MotionOverlay = motion(ModalOverlay)
|
const MotionOverlay = motion.create(ModalOverlay)
|
||||||
const MotionModal = motion(AriaModal)
|
const MotionModal = motion.create(AriaModal)
|
||||||
|
|
||||||
function InnerModal({
|
function InnerModal({
|
||||||
animation,
|
animation,
|
||||||
|
|||||||
Reference in New Issue
Block a user