如何从生产构建中排除钩子

Question

I have created a hook that prints some debug information, which in turn calls some of Reacts hooks. I would like to automatically exclude it from the production build. If I try to do it with an if statement like this:

if (process.env.NODE_ENV === 'development') {
        useMyHook(...)
}

I get the error React Hook "useMyHook" is called conditionally. React Hooks must be called in the exact same order in every component render React Hook "useMyHook" is called conditionally. React Hooks must be called in the exact same order in every component render . In this case the hooks would still be called in order though.

How can I exclude a hook in a production build?

Answer 1

You can wrap the logic inside useMyHook with if (process.env.NODE_ENV === 'development') condition.

You can check out Rules of Hooks from React documentation for a neat explanation.