Lozenge is not working when it is given as Select fields default value

Jira Development Jira Cloud
1

I have a Select field in which I list Lozenges:

image
image1130×700 29.8 KB

It works until I give Lozenge as the default value

image
image1242×266 26.8 KB 

field.js:79 Uncaught (in promise) TypeError: Converting circular structure to JSON
    --> starting at object with constructor 'Object'
    |     property 'Provider' -> object with constructor 'Object'
    --- property '_context' closes the circle
    at JSON.stringify (<anonymous>)
    at isShallowEqual (field.js:79:1)
    at Field (field.js:126:1)
    at renderWithHooks (react-dom.development.js:12980:1)
    at updateFunctionComponent (react-dom.development.js:15082:1)
    at beginWork (react-dom.development.js:16529:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3555:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3599:1)
    at invokeGuardedCallback (react-dom.development.js:3654:1)
    at beginWork$1 (react-dom.development.js:20655:1)
    at performUnitOfWork (react-dom.development.js:19666:1)
    at workLoopSync (react-dom.development.js:19611:1)
    at renderRootSync (react-dom.development.js:19581:1)
    at performSyncWorkOnRoot (react-dom.development.js:19251:1)
    at react-dom.development.js:9937:1
    at unstable_runWithPriority (scheduler.development.js:401:1)
    at runWithPriority$1 (react-dom.development.js:9891:1)
    at flushSyncCallbackQueueImpl (react-dom.development.js:9933:1)
    at flushSyncCallbackQueue (react-dom.development.js:9922:1)
    at scheduleUpdateOnFiber (react-dom.development.js:18902:1)
    at dispatchAction (react-dom.development.js:13955:1)
    at StatusSaveModal.js:58:1
    at <anonymous>

Do you have an idea or a workaround?

Thanks in anvance

2

Hi @AbdulbakiFurkanTanrv ,

This is a guess, but on the bass of seeing isShallowEqual in the exception stack, have you tried passing in a key property to the Lozenge tag to workaround the issue?

Regards,
Dugald