loader progress bar zIndex is behind every component #131
Description
I don't know what is actually happening, but it seems like the progress bar is rendered twice, but the second component is always at the bottom of z-index position.
Screen.Recording.2025-05-29.at.00.50.08.mov
I've tried to give the value of zIndex to 99999, and it's still shows like that.
I'm using nextjs-toploader v3.8.16.
And here is how i called the component.
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" dir="ltr">
<body className={`${inter.className}`}>
<NextTopLoader
showSpinner={false}
zIndex={9999999}
height={5}
/>
{children}
</body>
</html>
);
}
Can anybody tell me what is happening and maybe some way to fix it?
Thanks.