@mcansh/next-progress
Easily integrate NProgress into your Next.js app using styled-components
A note about typescript types
In order to get typescript types be sure to install the types for nprogress.
$ yarn add -D @types/nprogress
or
$ npm install -D @types/nprogressUsage
import * as React from 'react';
import App from 'next/app';
import { NProgress } from '@mcansh/next-nprogress';
class MyApp extends App {
render() {
const { Component, pageProps } = this.props;
return (
<>
<NProgress
color="#FE7912"
options={{ trickleSpeed: 50 }}
spinner={false}
/>
<Component {...pageProps} />
</>
);
}
}