nextjs-nprogress

An unofficial nextjs wrapper of nprogress package.

Installing

``sh
npm i @mhmdaljefri/next-nprogress nprogress # yarn add @mhmdaljefri/next-nprogress nprogress
`

Example

$3

`jsx
import NextNPregress from "@mhmdaljefri/next-nprogress";
// ... code

// ... code
`

$3


`jsx
import NextNPregress from "@mhmdaljefri/next-nprogress";
// ... code
configurationOptions={{
stopDelay: 400,
color: "red",
showSpinner: false,
}}
/>
// ... code
`

$3

`jsx
import NextNPregress, { useUpdateProgressConfig } from "@mhmdaljefri/next-nprogress";
// ... code
return (
configurationOptions={{
stopDelay: 400,
color: "red",
showSpinner: false,
}}
>


)
// ... code

const Component = () => {
const updateProgressConfig = useUpdateProgressConfig()

React.useEffect(() => {
updateProgressConfig({ color: 'blue' });
})

return (



)
}
``