gatsby-plugin-google-gtag window.gtag is not a function error in local dev

[edmanolache]

How can I ignore the window.gtag is not a function error in local development while running gatsby develop?

I have custom GA4 events that I want to send using the window.gtag() function which works fine in production but in development mode I get an unhandled runtime error.

[edmanolache]

For now, I'm wrapping my window.gtag() calls in an if statement that checks if process.env.NODE_ENV !== "development" but I still want to know if there's a better solution.

[gh640]

It'd be good to use process.env.NODE_ENV. gatsgby-plugin-google-gtag uses the following condition:

process.env.NODE_ENV !== `production` || typeof gtag !== `function`

gatsby-browser.js:

gatsby/packages/gatsby-plugin-google-gtag/src/gatsby-browser.js

Lines 1 to 4 in 6feee5d

	exports.onRouteUpdate = ({ location }, pluginOptions = {}) => {
	if (process.env.NODE_ENV !== `production` || typeof gtag !== `function`) {
	return null
	}

gatsby-ssr.js:

gatsby/packages/gatsby-plugin-google-gtag/src/gatsby-ssr.js

Lines 4 to 9 in 6feee5d

	exports.onRenderBody = (
	{ setHeadComponents, setPostBodyComponents },
	pluginOptions
	) => {
	if (process.env.NODE_ENV !== `production` && process.env.NODE_ENV !== `test`)
	return null