fix(gatsby-plugin-preact): use new babel plugin for better context compat (#26956)

* use new babel plugin for better context compat

* Update gatsby-node.js

* Update gatsby-node.js

Co-authored-by: gatsbybot <[email protected]>

Author: JoviDeCroock

packages/gatsby-plugin-preact/package.json

@@ -7,8 +7,7 @@
     "url": "https://github.com/gatsbyjs/gatsby/issues"
   },
   "dependencies": {
-    "@prefresh/webpack": "^1.0.2",
-    "react-refresh": "^0.8.2"
+    "@prefresh/webpack": "^1.0.2"
   },
   "devDependencies": {
     "@babel/cli": "^7.11.6",

packages/gatsby-plugin-preact/src/__tests__/gatsby-node.js

@@ -31,7 +31,7 @@ describe(`gatsby-plugin-preact`, () => {
     expect(getConfig).toHaveBeenCalledTimes(1)
     expect(actions.setBabelPlugin).toHaveBeenCalledTimes(1)
     expect(actions.setBabelPlugin).toHaveBeenCalledWith({
-      name: `react-refresh/babel`,
+      name: `@prefresh/babel-plugin`,
     })
     expect(actions.replaceWebpackConfig).toMatchInlineSnapshot(`
       [MockFunction] {

packages/gatsby-plugin-preact/src/gatsby-node.js

@@ -20,7 +20,7 @@ exports.onCreateWebpackConfig = ({ stage, actions, getConfig }) => {
     // enable react-refresh babel plugin to enable hooks
     // @see https://github.com/JoviDeCroock/prefresh/tree/master/packages/webpack#using-hooks
     actions.setBabelPlugin({
-      name: `react-refresh/babel`,
+      name: `@prefresh/babel-plugin`,
     })
   }