How to remove default loading indicator in Next.js

Question

I'm using Next.js for a project and when I change the route this default loading shows up in the corner.

How can I remove it?

Answer 1

You can disable the build loading indicator in the config by setting the devIndicators.buildActivity field to false.

// next.config.js

module.exports = {
    devIndicators: {
        buildActivity: false
    }
}

---

As pointed out by @Altareos, this indicator is only present in development mode and will not appear when building and running the app in production mode.