Gatsby: Warning: Empty string transition configs (e.g., `{ on: { '': ... }}`) for transient transitions are deprecated.

[GhaithZamrik]

When running gatsby build command I am getting the following warning:

warning Warning: Empty string transition configs (e.g., `{ on: { '': ... }}`) for transient transitions are deprecated.
Specify the transition in the `{ always: ... }` property instead. Please check the `on` configuration for "#pageComponents.inactive".

Having in mind that everything works fine when running the project in development mode. gatsby develop
And since it's happened the site styling and performance has been broken in some instances
can someone elaborate please what this is exactly, and why I might be getting it?

Gatsby v2.23.17
Gatsby-CLI v2.12.54

would appreciate any feedback, been banging my head because of this all day long.

[g-mayer]

@GhaithZamrik I was just getting this bug. I think because I recently updated the gatsby-cli to the latest version. I was able to get past that error by updating my gatsby dependencies. If you also just updated gatsby I would try updating "gatsby-plugin-offline" to the latest version.

[alchi126]

@GhaithZamrik fyi I was getting this error as well as ERROR #11321 PLUGIN. Error while running the createPages lifecycle: Reducers may not dispatch actions. The fix for that was found here (bump gatsby to 2.23.18) which resolved this warning for me as well.

[ryparker]

@alchi126 That worked. Thanks!