Cannot set property focus of [object HTMLElement] which has only a getter

[veloware]

I'm trying to track down an issue that has started appearing in my jest unit tests, and wondering if you have any ideas what might cause this error -

 TypeError: Cannot set property focus of [object HTMLElement] which has only a getter

            at setupGlobalFocusEvents (../../../node_modules/@zag-js/focus-visible/src/index.ts:110:25)
            at trackFocusVisible (../../../node_modules/@zag-js/focus-visible/src/index.ts:138:3)
            at ../../../node_modules/@chakra-ui/radio/src/use-radio.ts:147:12
            at commitHookEffectListMount (../../../node_modules/react-dom/cjs/react-dom.development.js:23189:26)
            at commitPassiveMountOnFiber (../../../node_modules/react-dom/cjs/react-dom.development.js:24970:11)
            at commitPassiveMountEffects_complete (../../../node_modules/react-dom/cjs/react-dom.development.js:24930:9)
            at commitPassiveMountEffects_begin (../../../node_modules/react-dom/cjs/react-dom.development.js:24917:7)
            at commitPassiveMountEffects (../../../node_modules/react-dom/cjs/react-dom.development.js:24905:3)
            at flushPassiveEffectsImpl (../../../node_modules/react-dom/cjs/react-dom.development.js:27078:3)
            at flushPassiveEffects (../../../node_modules/react-dom/cjs/react-dom.development.js:27023:14)
            at commitRootImpl (../../../node_modules/react-dom/cjs/react-dom.development.js:26974: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 ../../../node_modules/react-dom/cjs/react-dom.development.js:25690:13
            at invokeTheCallbackFunction (../../../node_modules/jsdom/lib/jsdom/living/generated/Function.js:19:26)
            at ../../../node_modules/jsdom/lib/jsdom/browser/Window.js:554:9

I can see it's coming from useRadio from Chakra UI v2, which I am using to build a custom radio button, but I have no idea what the problem may be.

[justmeandopensource]

I am having same issues.

[renato-dept]

This issue also happens with useCheckbox hook.

[gushecht]

+1