How do I add framer-motion to registry?

[SahilFruitwala]

Hello, I tried to add framer-motion to registry and getting this error:

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `Loading1`.

This is my component that I want to add:

import React from "react";
import { motion } from "framer-motion";

const cols = 40;
const rows = 60;
const total = cols * rows;

export function Loading1() {
  return (
    <div className="flex items-center justify-center h-screen bg-white dark:bg-black">
      <div className="relative w-60 h-80">
        {[...Array(total)].map((_, i) => {
          const x = i % cols;
          const y = Math.floor(i / cols);
          const waveDelay = y * 0.05 + Math.sin(x / 5) * 0.1;

          return (
            <motion.div
              key={i}
              initial={{ opacity: 0.2, scale: 0.8 }}
              animate={{ opacity: [0.2, 1, 0.2], scale: [0.8, 1, 0.8] }}
              transition={{
                delay: waveDelay,
                duration: 2,
                repeat: Infinity,
                ease: "easeInOut",
              }}
              className="absolute bg-black dark:bg-white rounded-full"
              style={{
                width: "3px",
                height: "3px",
                left: `${x * 6}px`,
                top: `${y * 6}px`,
              }}
            />
          );
        })}
      </div>
    </div>
  );
}

and this is my registry-item:

{
      "name": "loading-state-1",
      "type": "registry:component",
      "title": "Loading State 1",
      "description": "A year progress component",
      "author": "Sahi Fruitwala",
      "dependencies": ["framer-motion"],
      "files": [
        {
          "path": "registry/new-york/blocks/loading-states/loading-state-1.tsx",
          "type": "registry:component"
        }
      ]
    },

Repo: https://github.com/SahilFruitwala/the-half-baked-lab-components