Svelte: warning disables hot reload using npm run fed

Question

relatively new to svelte and loving it. got an issue however,

I embedded a Google Calendar Iframe into a component, and now hot reload using npm run fed isn't working unless i go to the file where the offending code is and save that file.

I am getting a warning message, no errors:

Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform

A page or script is accessing at least one of navigator.userAgent
, navigator.appVersion
, and navigator.platform
. Starting in Chrome 101, the amount of information available in the User Agent string will be reduced.
To fix this issue, replace the usage of navigator.userAgent
, navigator.appVersion
, and navigator.platform
with feature detection, progressive enhancement, or migrate to navigator.userAgentData
.
Note that for performance reasons, only the first access to one of the properties is shown.

AFFECTED RESOURCES

2 sources

Learn more: User-Agent String Reduction

Is there anyway I could either remove this warning or have Svelte hot reload despite errors? Thanks!