Error: Element type is invalid: expected a string (for built-in components) or a class/function...

Question

Getting this error in deployment in vercel when using react-fast-marquee package in server component. Working fine in dev. This is my code.
Removing the marquee solves the error. Any solutions ?

import Marquee from "react-fast-marquee";

const Test = () => {
    const data = "123 | 233 | 456 | 566 | 655 | 656 | 899 | 120 | 056";
    return (
        <>
            <div className="mt-14">
                <Marquee speed="50" direction="right" gradient={true} gradientColor={[0,255,255]} gradientWidth={20}>
                    {data}
                </Marquee>
            </div>
        </>
    );
}

export default Test;

{data}

); } export default Test;

Error: Element type is invalid: expected a string (for built-in components) or a class/function...

0 Replies