remix icon indicating copy to clipboard operation
remix copied to clipboard

some browser extensions prevent css render

Open HossamMarey opened this issue 2 years ago • 3 comments

What version of Remix are you using?

1.9.0

Steps to Reproduce

This happens with chrome extensions like 'Fair AdBlocker' and 'Grammer & Spell Checker' so i have tried it with the default configuration and this throw errors in development and production

those errors disappear when disable all extensions

Expected Behavior

no errors

Actual Behavior

errors in production (vercel deployment) image

errors in development image

HossamMarey avatar Jan 06 '23 15:01 HossamMarey

+1

related:

  • https://remix.run/docs/en/v1/pages/gotchas#browser-extensions-injecting-code
  • https://github.com/remix-run/remix/issues/4822
  • https://github.com/remix-run/remix/discussions/4902
  • https://github.com/remix-run/remix/issues/4651

OnurGvnc avatar Jan 10 '23 10:01 OnurGvnc

I was able to resolve my issue by invoking clearBrowserExtensionInjectionsBeforeHydration() prior to executing hydrateRoot(). https://gist.github.com/OnurGvnc/31f03f0d5237b78224aa083493fda645

OnurGvnc avatar Jan 13 '23 10:01 OnurGvnc

I have created a discussion for this issue: https://github.com/remix-run/remix/discussions/5244

clgeoio avatar Jan 24 '23 23:01 clgeoio

Duplicate of https://github.com/remix-run/remix/issues/4822

brophdawg11 avatar Aug 09 '23 19:08 brophdawg11