[bug]: `queueMicrotask` is not defined

[gustadev24]

I found this error when I tried to compile React code with framer-motion components for animations.

JSException: [JS] undefined:undefined 'queueMicrotask' is not defined
    at ./node_modules/.pnpm/framer-motion@11.11.10_@emotion+is-prop-valid@0.8.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/frameloop/microtask.mjs (ReactUnity/main:43327)
    at call (native)
    at <anonymous> (ReactUnity/main:112672)
    at call (native)
    at __webpack_require__ (ReactUnity/main:112124)
    at fn (ReactUnity/main:112331)
    at ./node_modules/.pnpm/framer-motion@11.11.10_@emotion+is-prop-valid@0.8.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/layout/MeasureLayout.mjs (ReactUnity/main:45405)
    at call (native)
    at <anonymous> (ReactUnity/main:112672)
    at call (native)
    at __webpack_require__ (ReactUnity/main:112124)
    at fn (ReactUnity/main:112331)
    at ./node_modules/.pnpm/framer-motion@11.11.10_@emotion+is-prop-valid@0.8.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/motion/features/drag.mjs (ReactUnity/main:45296)
    at call (native)
    at <anonymous> (ReactUnity/main:112672)
    at call (native)
    at __webpack_require__ (ReactUnity/main:112124)
    at fn (ReactUnity/main:112331)
    at ./node_modules/.pnpm/framer-motion@11.11.10_@emotion+is-prop-valid@0.8.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/create.mjs (ReactUnity/main:49754)
    at call (native)
    at <anonymous> (ReactUnity/main:112672)
    at call (native)
    at __webpack_require__ (ReactUnity/main:112124)
    at fn (ReactUnity/main:112331)
    at ./node_modules/.pnpm/framer-motion@11.11.10_@emotion+is-prop-valid@0.8.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs (ReactUnity/main:49783)
    at call (native)
    at <anonymous> (ReactUnity/main:112672)
    at call (native)
    at __webpack_require__ (ReactUnity/main:112124)
    at fn (ReactUnity/main:112331)
    at ./src/components/astros/AstrosSlider.tsx (ReactUnity/main:34874)
    at call (native)
    at <anonymous> (ReactUnity/main:112672)
    at call (native)
    at __webpack_require__ (ReactUnity/main:112124)
    at fn (ReactUnity/main:112331)
    at ./src/app/index.tsx (ReactUnity/main:34447)
    at call (native)
    at <anonymous> (ReactUnity/main:112672)
    at call (native)
    at __webpack_require__ (ReactUnity/main:112124)
    at fn (ReactUnity/main:112331)
    at ./src/index.tsx (ReactUnity/main:35125)
    at call (native)
    at <anonymous> (ReactUnity/main:112672)
    at call (native)
    at __webpack_require__ (ReactUnity/main:112124)
    at <anonymous> (ReactUnity/main:113251)
    at <eval> (ReactUnity/main:113253)

QuickJS.ScriptContext.EvalSource (System.Byte[] source, System.String fileName, System.Type returnType) (at ./Library/PackageCache/com.reactunity.quickjs@0.19.0/Runtime/Source/ScriptContext.cs:857)
QuickJS.ScriptContext.EvalSource[T] (System.String source, System.String fileName) (at ./Library/PackageCache/com.reactunity.quickjs@0.19.0/Runtime/Source/ScriptContext.cs:833)
ReactUnity.Scripting.QuickJSEngine.Evaluate (System.String code, System.String fileName) (at ./Library/PackageCache/com.reactunity.core@0.19.4/Runtime/Scripting/QuickJS/QuickJSEngine.cs:120)
ReactUnity.Scripting.QuickJSEngine.Execute (System.String code, System.String fileName, ReactUnity.Scripting.JavascriptDocumentType documentType) (at ./Library/PackageCache/com.reactunity.core@0.19.4/Runtime/Scripting/QuickJS/QuickJSEngine.cs:128)
ReactUnity.Scripting.QuickJSEngine.TryExecute (System.String code, System.String fileName, ReactUnity.Scripting.JavascriptDocumentType documentType) (at ./Library/PackageCache/com.reactunity.core@0.19.4/Runtime/Scripting/QuickJS/QuickJSEngine.cs:135)
UnityEngine.Debug:LogException(Exception)
ReactUnity.Scripting.QuickJSEngine:TryExecute(String, String, JavascriptDocumentType) (at ./Library/PackageCache/com.reactunity.core@0.19.4/Runtime/Scripting/QuickJS/QuickJSEngine.cs:139)
ReactUnity.Scripting.<>c__DisplayClass37_0:<RunMainScript>b__0() (at ./Library/PackageCache/com.reactunity.core@0.19.4/Runtime/Scripting/ScriptContext.cs:62)
ReactUnity.Scripting.<>c__DisplayClass38_0:<Initialize>b__0() (at ./Library/PackageCache/com.reactunity.core@0.19.4/Runtime/Scripting/ScriptContext.cs:117)
ReactUnity.Scripting.<>c__DisplayClass44_0:<CreateBaseEngine>b__0(IJavaScriptEngine) (at ./Library/PackageCache/com.reactunity.core@0.19.4/Runtime/Scripting/ScriptContext.cs:168)
ReactUnity.Scripting.QuickJSEngine:Runtime_OnInitialized(ScriptRuntime) (at ./Library/PackageCache/com.reactunity.core@0.19.4/Runtime/Scripting/QuickJS/QuickJSEngine.cs:115)
QuickJS.ScriptRuntime:RaiseDebuggerConnectedEvent() (at ./Library/PackageCache/com.reactunity.quickjs@0.19.0/Runtime/Source/ScriptRuntime.cs:456)
QuickJS.ScriptRuntime:Initialize(ScriptRuntimeArgs) (at ./Library/PackageCache/com.reactunity.quickjs@0.19.0/Runtime/Source/ScriptRuntime.cs:441)
ReactUnity.Scripting.QuickJSEngine:.ctor(ReactContext, Boolean, Boolean, Action`1) (at ./Library/PackageCache/com.reactunity.core@0.19.4/Runtime/Scripting/QuickJS/QuickJSEngine.cs:65)
ReactUnity.Scripting.QuickJSEngineFactory:Create(ReactContext, Boolean, Boolean, Action`1) (at ./Library/PackageCache/com.reactunity.core@0.19.4/Runtime/Scripting/QuickJS/QuickJSEngine.cs:273)
ReactUnity.Scripting.ScriptContext:CreateBaseEngine(Boolean, Boolean, Action) (at ./Library/PackageCache/com.reactunity.core@0.19.4/Runtime/Scripting/ScriptContext.cs:158)
React
``

[KurtGokhan]

I think it should be possible for you to polyfill it. For example
I will also try to add it.

But I am not sure if framer-motion will work just by adding this. It seems to be relying heavily on DOM. Let me know if it works.

[gustadev24]

I have been trying with some pollyfills. But, you are right, it depends a lot on DOM. I found problems with SVGElement interface, Element interface and some functions like performance. For now, I am going to do the animations with css. Thank you!

[KurtGokhan]

Added queueMicrotask polyfill in 0.19.7