ripplesurface.jsx module no found

[blackchicken20]

./node_modules/react-ripples-continued/dist/main.js:1:0
Module not found: Can't resolve './RippleSurface.jsx'

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./components/myButton.tsx
./app/(auth)/login/page.tsx

my code

'use client'
import React from 'react';
import {useFormStatus} from "react-dom";
import {Ripples} from "react-ripples-continued";

const MyButton = ({children}: { children?: React.ReactNode }) => {
    const {pending} = useFormStatus()
    return (
        <>
            <button
                type="submit"
                className="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600
                               disabled:bg-gray-300
                                "
                disabled={pending}

            >
                {children}
                <Ripples/>
            </button>
        </>
    );
};

export default MyButton;

[balazshevesi]

I will look into it soon

[balazshevesi]

Sorry for the late response. I couldn't reproduce the Error in next.js, though i found a similar one with Astro.