1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【React Testing Library】TypeError: dom.getContentEl(...)?.scrollTo is not a functionの解消方法

Posted at

はじめに

お疲れ様です、りつです。

テスト実行中にタイトルのエラーに遭遇しましたので記事を記載します。

問題

エラーが長文のため、以下に抜粋した内容を記載します。

エラー内容
 PASS  src/__tests__/businessCardComponent.spec.tsx
 FAIL  src/__tests__/register.spec.tsx
  ● Console

    console.error
      Error: Uncaught [TypeError: dom.getContentEl(...)?.scrollTo is not a function]
          at reportException (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
          at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
      /**  以下省略 **/
エラー内容(全文)
エラー内容
 PASS  src/__tests__/businessCardComponent.spec.tsx
 FAIL  src/__tests__/register.spec.tsx
  ● Console

    console.error
      Error: Uncaught [TypeError: dom.getContentEl(...)?.scrollTo is not a function]
          at reportException (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
          at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
          at invokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
          at HTMLDivElementImpl._dispatch (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
          at HTMLDivElementImpl.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
          at HTMLDivElement.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
          at Object.fireCustomEvent (/home/ritsu/workspace/business-card/node_modules/@zag-js/dom-event/dist/index.js:70:13)
          at /home/ritsu/workspace/business-card/node_modules/@zag-js/interact-outside/dist/index.js:119:18
          at invokeTheCallbackFunction (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
          at runAnimationFrameCallbacks (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
          at Timeout._onTimeout (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
          at listOnTimeout (node:internal/timers:614:17)
          at processTimers (node:internal/timers:549:7) {
        detail: TypeError: dom.getContentEl(...)?.scrollTo is not a function
            at scrollContentToTop (/home/ritsu/workspace/business-card/node_modules/@zag-js/select/dist/index.js:980:37)
            at Machine.executeActions (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:466:13)
            at Machine.performExitEffects (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:547:12)
            at Machine.performStateChangeEffects (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:594:14)
            at Machine.transition (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:641:12)
            at Machine.send (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:626:12)
            at onDismiss (/home/ritsu/workspace/business-card/node_modules/@zag-js/select/dist/index.js:809:15)
            at onPointerDownOutside (/home/ritsu/workspace/business-card/node_modules/@zag-js/dismissable/dist/index.js:136:16)
            at /home/ritsu/workspace/business-card/node_modules/@zag-js/utils/dist/index.js:100:9
            at Array.forEach (<anonymous>)
            at HTMLDivElement.<anonymous> (/home/ritsu/workspace/business-card/node_modules/@zag-js/utils/dist/index.js:99:7)
            at HTMLDivElement.callTheUserObjectsOperation (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
            at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
            at invokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
            at HTMLDivElementImpl._dispatch (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
            at HTMLDivElementImpl.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
            at HTMLDivElement.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
            at Object.fireCustomEvent (/home/ritsu/workspace/business-card/node_modules/@zag-js/dom-event/dist/index.js:70:13)
            at /home/ritsu/workspace/business-card/node_modules/@zag-js/interact-outside/dist/index.js:119:18
            at invokeTheCallbackFunction (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
            at runAnimationFrameCallbacks (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
            at Timeout._onTimeout (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
            at listOnTimeout (node:internal/timers:614:17)
            at processTimers (node:internal/timers:549:7),
        type: 'unhandled exception'
      }

      at VirtualConsole.<anonymous> (node_modules/jest-environment-jsdom/build/index.js:63:23)
      at reportException (node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:70:28)
      at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
      at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
      at HTMLDivElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
      at HTMLDivElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
      at HTMLDivElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
      at Object.fireCustomEvent (node_modules/@zag-js/dom-event/dist/index.js:70:13)
      at node_modules/@zag-js/interact-outside/dist/index.js:119:18
      at invokeTheCallbackFunction (node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
      at runAnimationFrameCallbacks (node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
      at Timeout._onTimeout (node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)

    console.error
      Error: Uncaught [TypeError: dom.getContentEl(...)?.scrollTo is not a function]
          at reportException (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
          at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
          at invokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
          at HTMLDivElementImpl._dispatch (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
          at HTMLDivElementImpl.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
          at HTMLDivElement.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
          at Object.fireCustomEvent (/home/ritsu/workspace/business-card/node_modules/@zag-js/dom-event/dist/index.js:70:13)
          at /home/ritsu/workspace/business-card/node_modules/@zag-js/interact-outside/dist/index.js:153:16
          at invokeTheCallbackFunction (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
          at runAnimationFrameCallbacks (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
          at Timeout.<anonymous> (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
          at listOnTimeout (node:internal/timers:614:17)
          at processTimers (node:internal/timers:549:7) {
        detail: TypeError: dom.getContentEl(...)?.scrollTo is not a function
            at scrollContentToTop (/home/ritsu/workspace/business-card/node_modules/@zag-js/select/dist/index.js:980:37)
            at Machine.executeActions (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:466:13)
            at Machine.performExitEffects (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:547:12)
            at Machine.performStateChangeEffects (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:594:14)
            at Machine.transition (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:641:12)
            at Machine.send (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:626:12)
            at onDismiss (/home/ritsu/workspace/business-card/node_modules/@zag-js/select/dist/index.js:809:15)
            at onFocusOutside (/home/ritsu/workspace/business-card/node_modules/@zag-js/dismissable/dist/index.js:147:16)
            at /home/ritsu/workspace/business-card/node_modules/@zag-js/utils/dist/index.js:100:9
            at Array.forEach (<anonymous>)
            at HTMLDivElement.<anonymous> (/home/ritsu/workspace/business-card/node_modules/@zag-js/utils/dist/index.js:99:7)
            at HTMLDivElement.callTheUserObjectsOperation (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
            at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
            at invokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
            at HTMLDivElementImpl._dispatch (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
            at HTMLDivElementImpl.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
            at HTMLDivElement.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
            at Object.fireCustomEvent (/home/ritsu/workspace/business-card/node_modules/@zag-js/dom-event/dist/index.js:70:13)
            at /home/ritsu/workspace/business-card/node_modules/@zag-js/interact-outside/dist/index.js:153:16
            at invokeTheCallbackFunction (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
            at runAnimationFrameCallbacks (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
            at Timeout.<anonymous> (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)
            at listOnTimeout (node:internal/timers:614:17)
            at processTimers (node:internal/timers:549:7),
        type: 'unhandled exception'
      }

      at VirtualConsole.<anonymous> (node_modules/jest-environment-jsdom/build/index.js:63:23)
      at reportException (node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:70:28)
      at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
      at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
      at HTMLDivElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
      at HTMLDivElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
      at HTMLDivElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
      at Object.fireCustomEvent (node_modules/@zag-js/dom-event/dist/index.js:70:13)
      at node_modules/@zag-js/interact-outside/dist/index.js:153:16
      at invokeTheCallbackFunction (node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
      at runAnimationFrameCallbacks (node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
      at Timeout.<anonymous> (node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)

    console.error
      Error: Uncaught [TypeError: dom.getContentEl(...)?.scrollTo is not a function]
          at reportException (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24)
          at innerInvokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
          at invokeEventListeners (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
          at HTMLUnknownElementImpl._dispatch (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
          at HTMLUnknownElementImpl.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
          at HTMLUnknownElement.dispatchEvent (/home/ritsu/workspace/business-card/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
          at Object.invokeGuardedCallbackDev (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:4213:16)
          at invokeGuardedCallback (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:4277:31)
          at reportUncaughtErrorInDEV (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:22877:5)
          at captureCommitPhaseError (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:27165:5)
          at safelyCallDestroy (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:22973:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24142:23)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9) {
        detail: TypeError: dom.getContentEl(...)?.scrollTo is not a function
            at scrollContentToTop (/home/ritsu/workspace/business-card/node_modules/@zag-js/select/dist/index.js:980:37)
            at Machine.executeActions (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:466:13)
            at Machine.performExitEffects (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:547:12)
            at Machine.stop (/home/ritsu/workspace/business-card/node_modules/@zag-js/core/dist/index.js:258:12)
            at /home/ritsu/workspace/business-card/node_modules/@zag-js/react/dist/index.js:177:15
            at safelyCallDestroy (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:22971:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24142:23)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24057:11)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5)
            at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
            at recursivelyTraverseDeletionEffects (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24028:5),
        type: 'unhandled exception'
      }

      at VirtualConsole.<anonymous> (node_modules/jest-environment-jsdom/build/index.js:63:23)
      at reportException (node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:70:28)
      at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:353:9)
      at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
      at HTMLUnknownElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
      at HTMLUnknownElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
      at HTMLUnknownElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
      at Object.invokeGuardedCallbackDev (node_modules/react-dom/cjs/react-dom.development.js:4213:16)
      at invokeGuardedCallback (node_modules/react-dom/cjs/react-dom.development.js:4277:31)
      at reportUncaughtErrorInDEV (node_modules/react-dom/cjs/react-dom.development.js:22877:5)
      at captureCommitPhaseError (node_modules/react-dom/cjs/react-dom.development.js:27165:5)
      at safelyCallDestroy (node_modules/react-dom/cjs/react-dom.development.js:22973:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24142:23)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)

    console.error
      The above error occurred in the <ForwardRef(SelectImpl)> component:
      
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at SelectRoot (/home/ritsu/workspace/business-card/src/components/ui/select.tsx:104:86)
          at onSubmit (/home/ritsu/workspace/business-card/node_modules/react-hook-form/src/form.tsx:39:5)
          at div
          at /home/ritsu/workspace/business-card/node_modules/@ark-ui/react/dist/components/factory.cjs:25:15
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24157:9)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at Field (/home/ritsu/workspace/business-card/src/components/ui/field.tsx:13:13)
          at div
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at Stack2 (/home/ritsu/workspace/business-card/node_modules/@chakra-ui/react/dist/cjs/components/stack/stack.cjs:19:7)
          at div
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at form
          at div
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at div
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at Stack2 (/home/ritsu/workspace/business-card/node_modules/@chakra-ui/react/dist/cjs/components/stack/stack.cjs:19:7)
          at div
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at commitDeletionEffectsOnFiber (/home/ritsu/workspace/business-card/node_modules/react-dom/cjs/react-dom.development.js:24209:9)
          at RenderedRoute (/home/ritsu/workspace/business-card/node_modules/react-router/dist/development/index.js:4500:26)
          at RenderedRoute (/home/ritsu/workspace/business-card/node_modules/react-router/dist/development/index.js:4500:26)
          at Routes (/home/ritsu/workspace/business-card/node_modules/react-router/dist/development/index.js:5187:3)
          at App
          at ChakraProvider (/home/ritsu/workspace/business-card/node_modules/@chakra-ui/react/dist/cjs/styled-system/provider.cjs:15:18)
          at Router (/home/ritsu/workspace/business-card/node_modules/react-router/dist/development/index.js:5130:13)
          at MemoryRouter (/home/ritsu/workspace/business-card/node_modules/react-router/dist/development/index.js:5052:3)
      
      Consider adding an error boundary to your tree to customize error handling behavior.
      Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.

      at logCapturedError (node_modules/react-dom/cjs/react-dom.development.js:18704:23)
      at update.callback (node_modules/react-dom/cjs/react-dom.development.js:18737:5)
      at callCallback (node_modules/react-dom/cjs/react-dom.development.js:15036:12)
      at commitUpdateQueue (node_modules/react-dom/cjs/react-dom.development.js:15057:9)
      at commitLayoutEffectOnFiber (node_modules/react-dom/cjs/react-dom.development.js:23430:13)
      at commitLayoutMountEffects_complete (node_modules/react-dom/cjs/react-dom.development.js:24727:9)
      at commitLayoutEffects_begin (node_modules/react-dom/cjs/react-dom.development.js:24713:7)
      at commitLayoutEffects (node_modules/react-dom/cjs/react-dom.development.js:24651:3)
      at commitRootImpl (node_modules/react-dom/cjs/react-dom.development.js:26862:5)
      at commitRoot (node_modules/react-dom/cjs/react-dom.development.js:26721:5)
      at performSyncWorkOnRoot (node_modules/react-dom/cjs/react-dom.development.js:26156:3)
      at flushSyncCallbacks (node_modules/react-dom/cjs/react-dom.development.js:12042:22)
      at flushSync (node_modules/react-dom/cjs/react-dom.development.js:26240:7)
      at ReactDOMRoot.Object.<anonymous>.ReactDOMHydrationRoot.unmount.ReactDOMRoot.unmount [as unmount] (node_modules/react-dom/cjs/react-dom.development.js:29375:5)
      at Object.unmount (node_modules/@testing-library/react/dist/pure.js:155:12)
      at node_modules/@testing-library/react/dist/pure.js:286:12
      at node_modules/@testing-library/react/dist/act-compat.js:48:24
      at act (node_modules/react/cjs/react.development.js:2512:16)
      at node_modules/@testing-library/react/dist/act-compat.js:47:25
      at node_modules/@testing-library/react/dist/pure.js:285:28
          at Array.forEach (<anonymous>)
      at cleanup (node_modules/@testing-library/react/dist/pure.js:281:22)
      at Object.<anonymous> (node_modules/@testing-library/react/dist/index.js:28:25)

  ● Register › 全項目入力して登録ボタンを押すとHomeページに遷移すること

    TypeError: dom.getContentEl(...)?.scrollTo is not a function

      at scrollContentToTop (node_modules/@zag-js/select/dist/index.js:980:37)
      at Machine.executeActions (node_modules/@zag-js/core/dist/index.js:466:13)
      at Machine.performExitEffects (node_modules/@zag-js/core/dist/index.js:547:12)
      at Machine.performStateChangeEffects (node_modules/@zag-js/core/dist/index.js:594:14)
      at Machine.transition (node_modules/@zag-js/core/dist/index.js:641:12)
      at Machine.send (node_modules/@zag-js/core/dist/index.js:626:12)
      at onDismiss (node_modules/@zag-js/select/dist/index.js:809:15)
      at onPointerDownOutside (node_modules/@zag-js/dismissable/dist/index.js:136:16)
      at node_modules/@zag-js/utils/dist/index.js:100:9
          at Array.forEach (<anonymous>)
      at HTMLDivElement.<anonymous> (node_modules/@zag-js/utils/dist/index.js:99:7)
      at HTMLDivElement.callTheUserObjectsOperation (node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
      at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
      at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
      at HTMLDivElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
      at HTMLDivElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
      at HTMLDivElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
      at Object.fireCustomEvent (node_modules/@zag-js/dom-event/dist/index.js:70:13)
      at node_modules/@zag-js/interact-outside/dist/index.js:119:18
      at invokeTheCallbackFunction (node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
      at runAnimationFrameCallbacks (node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
      at Timeout._onTimeout (node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)

  ● Register › 全項目入力して登録ボタンを押すとHomeページに遷移すること

    TypeError: dom.getContentEl(...)?.scrollTo is not a function

      at scrollContentToTop (node_modules/@zag-js/select/dist/index.js:980:37)
      at Machine.executeActions (node_modules/@zag-js/core/dist/index.js:466:13)
      at Machine.performExitEffects (node_modules/@zag-js/core/dist/index.js:547:12)
      at Machine.performStateChangeEffects (node_modules/@zag-js/core/dist/index.js:594:14)
      at Machine.transition (node_modules/@zag-js/core/dist/index.js:641:12)
      at Machine.send (node_modules/@zag-js/core/dist/index.js:626:12)
      at onDismiss (node_modules/@zag-js/select/dist/index.js:809:15)
      at onFocusOutside (node_modules/@zag-js/dismissable/dist/index.js:147:16)
      at node_modules/@zag-js/utils/dist/index.js:100:9
          at Array.forEach (<anonymous>)
      at HTMLDivElement.<anonymous> (node_modules/@zag-js/utils/dist/index.js:99:7)
      at HTMLDivElement.callTheUserObjectsOperation (node_modules/jsdom/lib/jsdom/living/generated/EventListener.js:26:30)
      at innerInvokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:350:25)
      at invokeEventListeners (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:286:3)
      at HTMLDivElementImpl._dispatch (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:233:9)
      at HTMLDivElementImpl.dispatchEvent (node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:104:17)
      at HTMLDivElement.dispatchEvent (node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:241:34)
      at Object.fireCustomEvent (node_modules/@zag-js/dom-event/dist/index.js:70:13)
      at node_modules/@zag-js/interact-outside/dist/index.js:153:16
      at invokeTheCallbackFunction (node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
      at runAnimationFrameCallbacks (node_modules/jsdom/lib/jsdom/browser/Window.js:603:13)
      at Timeout.<anonymous> (node_modules/jsdom/lib/jsdom/browser/Window.js:581:11)

  ● Register › 全項目入力して登録ボタンを押すとHomeページに遷移すること

    TypeError: dom.getContentEl(...)?.scrollTo is not a function

      at scrollContentToTop (node_modules/@zag-js/select/dist/index.js:980:37)
      at Machine.executeActions (node_modules/@zag-js/core/dist/index.js:466:13)
      at Machine.performExitEffects (node_modules/@zag-js/core/dist/index.js:547:12)
      at Machine.stop (node_modules/@zag-js/core/dist/index.js:258:12)
      at node_modules/@zag-js/react/dist/index.js:177:15
      at safelyCallDestroy (node_modules/react-dom/cjs/react-dom.development.js:22971:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24142:23)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24057:11)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24209:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)
      at commitDeletionEffectsOnFiber (node_modules/react-dom/cjs/react-dom.development.js:24157:9)
      at recursivelyTraverseDeletionEffects (node_modules/react-dom/cjs/react-dom.development.js:24028:5)

Test Suites: 1 failed, 2 passed, 3 total
Tests:       1 failed, 10 passed, 11 total
Snapshots:   0 total
Time:        2.438 s
Ran all test suites.

解決方法

以下を追加します。

Element.prototype.scrollTo = jest.fn();

修正後ソースコード

src/__tests__/register.spec.tsx
import App from '../App';
import { render, screen, waitFor } from '@testing-library/react';
import userEvent from '@testing-library/user-event';
import { ChakraProvider, defaultSystem } from '@chakra-ui/react';
import { MemoryRouter } from 'react-router';
import { Skill } from '@/domain/skill';

const mockFetchSkills = jest.fn();
const mockInsertUser = jest.fn();
const mockShowMessage = jest.fn();
const mockNavigator = jest.fn();

jest.mock('@/utils/supabaseFunctions', () => ({
  fetchSkills: () => mockFetchSkills(),
  insertUser: () => mockInsertUser(),
}));

jest.mock('@/hooks/useMessage', () => ({
  useMessage: () => ({
    showMessage: mockShowMessage,
  }),
}));

jest.mock('react-router', () => ({
  ...jest.requireActual('react-router'),
  useNavigate: () => mockNavigator,
}));

window.ResizeObserver =
  window.ResizeObserver ||
  jest.fn().mockImplementation(() => ({
    disconnect: jest.fn(),
    observe: jest.fn(),
    unobserve: jest.fn(),
  }));

+ Element.prototype.scrollTo = jest.fn();

describe('Register', () => {
  beforeEach(() => {
    (globalThis as any).IS_REACT_ACT_ENVIRONMENT = false;

    mockFetchSkills.mockResolvedValue([new Skill(1, 'React'), new Skill(2, 'TypeScript'), new Skill(3, 'GitHub')]);

    mockInsertUser.mockResolvedValue(Promise.resolve());

    render(
      <MemoryRouter initialEntries={['/cards/register']}>
        <ChakraProvider value={defaultSystem}>
          <App />
        </ChakraProvider>
      </MemoryRouter>
    );
  });

  test('タイトルが表示されていること', () => {
    const title = screen.getByTestId('title');
    expect(title).toBeInTheDocument();
  });

  test('全項目入力して登録ボタンを押すとHomeページに遷移すること', async () => {
    // 必須項目の入力
    await userEvent.type(screen.getByTestId('input-id'), 'tanaka');
    await userEvent.type(screen.getByTestId('input-name'), '田中太郎');
    await userEvent.type(screen.getByTestId('input-description'), '30歳のエンジニアです。');
    // スキル選択
    await userEvent.click(
      screen.getByRole('combobox', {
        name: '好きな技術 *',
      })
    );
    await userEvent.click(screen.getByText('React'));
    await userEvent.click(screen.getByText('TypeScript'));
    // オプション項目の入力
    await userEvent.type(screen.getByTestId('input-github-id'), 'tanaka_github');
    await userEvent.type(screen.getByTestId('input-qiita-id'), 'tanaka_qiita');
    await userEvent.type(screen.getByTestId('input-x-id'), 'tanaka_x');
    // フォーム送信
    const registerButton = screen.getByTestId('register-button');
    await userEvent.click(registerButton);

    // 登録成功の確認
    await waitFor(() => {
      expect(mockInsertUser).toHaveBeenCalledTimes(1);
    });

    // TOP画面への遷移を確認
    await waitFor(() => {
      expect(mockNavigator).toHaveBeenCalledWith('/');
    });

    // トーストの確認
    await waitFor(() => {
      expect(mockShowMessage).toHaveBeenCalledWith({
        title: '登録が完了しました',
        type: 'success',
      });
    });
  });
});

おわりに

上記により、テストが通るようになりました。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?