Script tag is not loading "dangerouslySetInnerHTML" content

Question

I have a next js project and want to add google analytics code. I have put that code in _app.js file like mentioned here . By running code, I am not able to view the code which I have inserted in "dangerouslySetInnerHTML".

Here is my code in _app.js

<Script strategy="beforeInteractive" id="gtag-init" dangerouslySetInnerHTML={{__html: "code"}} />

Please help me out.

Answer 1

Please use afterInteractive strategy like this: strategy="afterInteractive"

See next.js documentation: https://nextjs.org/docs/basic-features/script#afterinteractive

Examples of scripts that are good candidates to load immediately after the page becomes interactive include:

Tag managers

Analytics