Hello,

I'm trying to import this animated component module from the folder, but it doesn't seem to be working. I've even changed the tsconfig.json to accept

"paths": {
  "@/*": ["./src/*"]
}

What am I doing wrong?

import { notFound } from "next/navigation";
import { companies } from "@/app/lib/companyData";
import styles from "../../styles/companyPage.module.css";
import Image from "next/image";
import ButtonBlack from "@/app/components/ButtonBlack";
import dynamic from "next/dynamic";

const AnimatedText = dynamic(
  () =>
    import("@/components/AnimatedComponents").then((mod) => mod.AnimatedText),
  { ssr: false }
);
const AnimatedImage = dynamic(
  () =>
    import("@/components/AnimatedComponents").then((mod) => mod.AnimatedImage),
  { ssr: false }
);

The component is located in src/app/components/AnimatedComponents.tsx.