Studio "flushSync" error (possibly with Popover component)

[jayegyesie]

I get the following console error when interacting with elements that seem to call the Popover2 component: Warning: flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task.

Click here to see a video of this in action.

Has anyone else encountered this?

I came across this error whilst troubleshooting another issue whereby I was unable to select images using the sanity-plugin-media@v3-studio plugin. Naturally, I thought this was causal however disabling the plugin seems to have done the trick and I can now select/upload images (oddly I didn't have this particular issue in other docTypes).

Removing this plugin has done nothing to solve the flushSync error.

If it's helpful, here are the dependencies from my package.json

"dependencies": {
    "@mdx-js/react": "^2.1.3",
    "@sanity/color-input": "^3.0.0-v3-studio.4",
    "@sanity/vision": "^3.0.0-v3-v2-pte.56",
    "react": "^17.0.0",
    "react-dom": "^17.0.0",
    "react-icons": "^4.4.0",
    "react-is": "^17.0.0",
    "sanity": "dev-preview",
    "sanity-plugin-media": "^2.0.0-v3-studio.0",
    "sanity-plugin-prefixed-slug": "^1.0.1",
    "styled-components": "^5.2.0"
  },
  "devDependencies": {
    "@sanity/eslint-config-studio": "^2.0.0",
    "eslint": "^8.6.0",
    "prettier": "^2.7.1",
    "typescript": "^4.0.0"
  },