requestIdleCallback not available in Safari

[frontsideair]

Have you experienced this bug with the latest version of the template?

Yes

Steps to Reproduce

• Start a dev server
• Navigate to it with Safari

Expected Behavior

It should mount React

Actual Behavior

It doesn't mount React, get an error in console:

ReferenceError: Can't find variable: requestIdleCallback

Unfortunately rIC is not supported by Safari, according to caniuse.com. Either its existence should be checked or it should be polyfilled. (Or it can be removed altogether.) I can provide the PR depending on the decision.

[kentcdodds]

Ah dang. I had no idea 😬 Safari really is the new IE 🙃

Yeah, a PR would be welcome. Let's just do this:

const rIC = requestIdleCallback ?? setTimeout
rIC(() => {
  // ... etc.
})

[frontsideair]

Yeah, I had to double check to make sure it's not supported. 😂 I can create a PR, but checking the polyfill linked in MDN, it seems like we should add a timeout of 1 milliseconds (see relaxation). The whole polyfill is not needed as we don't use the args. What do you think?

[kentcdodds]

Sounds good 👍