At times, there are need when we want to display some component/content in development environment and not in production, or vice-versa (yeah, chance of having vice-versa cases are very low).

We can do it the following way:

Copy
1const inDev = process.env.NODE_ENV === 'development'
2
3{
4  inDev && <div>I'm in dev</div>
5}

That’s it. process.env.NODE_ENV provide us with the environment we are in. We can access it anywhere in the app. Even in some js logic where we need to know the environment, we can use it.

🙏