SetTimeout is not supported in server-rendered Javascript.

Please verify these steps before filing an issue, and check them off as you go

[x] The relevant native JavascriptEngineSwitcher library packages are installed (such as JavaScriptEngineSwitcher.V8.Native.win-x64)
[x] The VC++ 2017 runtime is installed
[x] The value of SetUseReact and SetUseBabel is correct in ReactConfig.cs or Startup.cs
[x] I've looked at the sample projects in this repo to verify that my app is configured correctly

I'm using these library versions:

ReactJS.NET: 5.0
JavaScriptEngineSwitcher: 3.1.0, ChakraCore 3.1.8 (Tried v8 aswell)
react and react-dom: (N/A if using bundled react, or version number)
webpack: 4.39.2

Runtime environment:

OS: Windows 64 bit
.NET Framework

I've got everything working with server side rendering of React, however, i've started to add animations to the components using the GSAP library.

This library makes heavy use of setTimeout, and as soon as i even just include it in a component that will be rendered server side, React.Net throws an exception with the error "SetTimeout is not supported in server-rendered Javascript.". The error will also throw any time setTimeout is referenced in my own code.

I noticed this is only thrown if setTimeout is not defined when the server rendering is being performed.

src\React.Core\Resources\shims.js

setTimeout = setTimeout || global.setTimeout;
if (setTimeout === undefined) {
    setTimeout = function() {
        throw new Error('setTimeout is not supported in server-rendered Javascript.');
    }
}

I've tried to add the shim from https://gist.githubusercontent.com/ChadBurggraf/4c4abef515852aa1efee04478a8a8641/raw/8147e2c10567547b9c452382c3366352dc51cb1e/interval-timeout-shim.js which was referenced in #555 but i still get the same setTimeout error.

To elaborate i tried both loading the shim script in my startup.cs config chain.

ReactSiteConfiguration.Configuration
                .SetReuseJavaScriptEngines (true)
                .SetAllowJavaScriptPrecompilation (true)
                .AddScriptWithoutTransform ("~/dist/interval-timeout-shim.js")
                .AddScriptWithoutTransform ("~/dist/app.js");

And i've also tried adding it to my app.js bundle, setting the global object. But it still keeps crashing anytime setTimeout is used.

Any suggestions on how i can get around this issue? Cheers!

reactjs / React.NET