I have a Next.js project. I will make React-loader-spinner using animation. But the animation color is not working. I added inline styling, custom class, but it still uses the default value. How can I solve it

I want to change the component color change.

            <RotatingLines
                visible={true}
                height="36"
                width="36"
                strokeWidth="5"
                animationDuration="0.75"
                ariaLabel="rotating-lines-loading"
                wrapperStyle={{}}
                wrapperClass=""
                style={{ stroke: '#fff' }}
                className="text-white stroke-white"
            />