micha-lmxt/svelte-motion

<AnimationState> was created with unknown prop 'isCustom'

briankariuki opened this issue · 2 comments

I get the above error when using variants.
My variant

let variants = {
    goalVisible: {
      opacity: 1,
      transition: {
        opacity: {
          duration: 0.25,
        },
        y: {
          duration: 0.15,
        },
      },
      y: -8,
    },
    goalHidden: {
      opacity: 0,
      y: 12,
      transition: {
        opacity: { duration: 0.25 },
        y: {
          duration: 0.15,
        },
      },
    },
  };

Usage

<Motion
    let:motion
    initial="goalHidden"
    animate={awayTeamScored || homeTeamScored
      ? "goalVisible"
      : "goalHidden"}
    {variants}
  >
    <div
      use:motion
      class="rounded-sm bg-gray-800 px-1 py-0.5 md:mr-4 mr-1"
    >
      <p class="text-xs font-semibold text-white animate-pulse">GOAL</p>
    </div>
  </Motion>

bump