chore(deps): update minor and patch for gatsby-admin (#27103)

* chore(deps): update minor and patch for gatsby-admin

* Use new feedback-fish react integration

* Downgrade gatsby-interface to avoid rewriting PluginView

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Max Stoiber <contact@mxstbr.com>

packages/gatsby-admin/package.json

@@ -11,15 +11,15 @@
   },
   "homepage": "https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-admin#readme",
   "devDependencies": {
-    "@emotion/core": "^10.0.28",
+    "@emotion/core": "^10.0.35",
     "@emotion/styled": "^10.0.27",
+    "@feedback-fish/react": "^1.0.0",
     "@types/react-instantsearch-dom": "^5.2.6",
     "@types/socket.io-client": "^1.4.33",
-    "@typescript-eslint/eslint-plugin": "^2.28.0",
-    "@typescript-eslint/parser": "^2.28.0",
-    "csstype": "^2.6.10",
-    "feedback-fish": "^0.1.12",
-    "formik": "^2.1.4",
+    "@typescript-eslint/eslint-plugin": "^2.34.0",
+    "@typescript-eslint/parser": "^2.34.0",
+    "csstype": "^2.6.13",
+    "formik": "^2.1.5",
     "gatsby": "^2.24.65",
     "gatsby-interface": "^0.0.193",
     "gatsby-plugin-typescript": "^2.4.20",
@@ -29,23 +29,23 @@
     "ncp": "^2.0.0",
     "nodemon": "^2.0.4",
     "prism-react-renderer": "^1.1.1",
-    "query-string": "^6.13.1",
+    "query-string": "^6.13.3",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
-    "react-error-boundary": "^3.0.1",
+    "react-error-boundary": "^3.0.2",
     "react-helmet": "^6.1.0",
-    "react-icons": "^3.10.0",
+    "react-icons": "^3.11.0",
     "react-instantsearch-dom": "^5.7.0",
     "react-markdown": "^4.3.1",
     "remove-markdown": "^0.3.0",
     "rimraf": "^3.0.2",
     "socket.io-client": "^2.3.0",
     "strict-ui": "^0.2.0-0",
-    "subscriptions-transport-ws": "^0.9.16",
-    "theme-ui": "^0.4.0-alpha.3",
-    "typescript": "^3.9.5",
-    "urql": "^1.9.8",
-    "yup": "^0.29.1"
+    "subscriptions-transport-ws": "^0.9.18",
+    "theme-ui": "^0.4.0-rc.5",
+    "typescript": "^3.9.7",
+    "urql": "^1.10.1",
+    "yup": "^0.29.3"
   },
   "scripts": {
     "develop": "gatsby develop",

packages/gatsby-admin/src/components/navbar.tsx

@@ -2,7 +2,7 @@
 import { jsx, Flex } from "strict-ui"
 import { Text, Button, AnchorButton } from "gatsby-interface"
 import { useQuery } from "urql"
-import { FeedbackForm } from "feedback-fish"
+import { FeedbackFish } from "@feedback-fish/react"
 import externalLinkIcon from "../external-link.svg"
 import graphqlIcon from "../graphql.svg"
 import { Link } from "gatsby"
@@ -15,10 +15,10 @@ function SendFeedbackButton(props): JSX.Element {
     <Button
       variant="GHOST"
       size="S"
+      data-feedback-fish
       {...props}
-      onClick={(evt): void => {
+      onClick={(): void => {
         telemetry.trackEvent(`FEEDBACK_WIDGET_OPEN`)
-        props.onClick(evt)
       }}
     >
       Send feedback
@@ -67,10 +67,11 @@ function Navbar(): JSX.Element {
         )}
       </Flex>
       <Flex alignItems="baseline" gap={3}>
-        <FeedbackForm
+        <FeedbackFish
           projectId="9502a819990b03"
           triggerComponent={SendFeedbackButton}
         />
+        <SendFeedbackButton />
         <AnchorButton
           size="S"
           href="/___graphql"