Hydration removes injected scripts

[Netail]

Summary

Hi all,

We have a A/B test middleware called Sitespect, which sits between the user & the deployment. This middleware injects some client-side scripts into the body of the HTML response, which initially caused some hydration errors. We tried to fix these hydration errors by injecting these scripts in a dedicated container with suppressHydrationWarning applied. The initial HTML response seems to have these scripts injected at the correct spot (in the container), but hydration seems to clear this container, thus removing these injected scripts from the DOM entirely & still throwing a hydration warning.

Initial HTML response:

DOM:

Container as code:

Anyone know how to keep these injected scripts in the container?

Additional information

No response

Example

No response

[Netail]

dangerouslySetInnerHTML={{ __html: ' ' }} did the job.
Ref facebook/react#10923 (comment)