NextJS Dev Tools Icon - New to Next

[thebruhcard]

Summary

Why does the Next.js Dev Tools icon keep showing in the bottom-left corner of my local project, and how can I disable or hide it?

Additional information

No response

Example

No response

[icyJoseph]

Hi,

• https://nextjs.org/docs/app/api-reference/config/next-config-js/devIndicators

  devIndicators: false | {
    position?: 'bottom-right'
    | 'bottom-left'
    | 'top-right'
    | 'top-left', // defaults to 'bottom-left',
  },

Setting devIndicators to false will hide the indicator, however Next.js will continue to surface any build or runtime errors that were encountered.

So in your Next.js config file, often next.config.ts, you can do:

const nextConfig = { 
  devIndicators: false,
  // other configs
}

export default nextConfig;

[thebruhcard]

This worked, thank you so much