fix: use proper babelrc configs for compiling packages (#35948)

Author: wardpeet

packages/gatsby-link/.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": [["babel-preset-gatsby-package", { "browser": true }]]
+  "presets": [["babel-preset-gatsby-package", { "browser": true, "esm": true }]]
 }

packages/gatsby-page-utils/.babelrc

@@ -1,9 +1,9 @@
 {
-  "presets": [["babel-preset-gatsby-package", { "browser": true }]],
+  "presets": [["babel-preset-gatsby-package"]],
   "overrides": [
     {
-      "test": ["**/*.ts"],
-      "plugins": [["@babel/plugin-transform-typescript"]]
+      "test": "src/apply-trailing-slash-options.ts",
+      "presets": [["babel-preset-gatsby-package", { "browser": true }]]
     }
   ]
 }

packages/gatsby-plugin-canonical-urls/.babelrc

@@ -1,3 +1,9 @@
 {
-  "presets": [["babel-preset-gatsby-package", { "browser": true }]]
+  "presets": [["babel-preset-gatsby-package", { "browser": true, "esm": true }]],
+  "overrides": [
+    {
+      "test": ["src/gatsby-node.js"],
+      "presets": [["babel-preset-gatsby-package"]]
+    }
+  ]
 }

packages/gatsby-plugin-canonical-urls/src/gatsby-browser.js

@@ -1,4 +1,4 @@
-exports.onRouteUpdate = (
+export const onRouteUpdate = (
   { location },
   pluginOptions = { stripQueryString: false }
 ) => {

packages/gatsby-plugin-canonical-urls/src/gatsby-ssr.js

@@ -1,7 +1,7 @@
 import React from "react"
 import url from "url"
 
-exports.onRenderBody = (
+export const onRenderBody = (
   { setHeadComponents, pathname = `/` },
   pluginOptions
 ) => {

packages/gatsby-plugin-catch-links/.babelrc

@@ -1,3 +1,9 @@
 {
-  "presets": [["babel-preset-gatsby-package", { "browser": true }]]
+  "presets": [["babel-preset-gatsby-package", { "browser": true, "esm": true }]],
+  "overrides": [
+    {
+      "test": ["src/gatsby-node.js"],
+      "presets": [["babel-preset-gatsby-package"]]
+    }
+  ]
 }

packages/gatsby-plugin-catch-links/src/gatsby-browser.js

@@ -2,7 +2,7 @@ import { navigate } from "gatsby"
 
 import catchLinks from "./catch-links"
 
-exports.onClientEntry = (_, pluginOptions = {}) => {
+export const onClientEntry = (_, pluginOptions = {}) => {
   catchLinks(window, pluginOptions, href => {
     navigate(href)
   })

packages/gatsby-plugin-facebook-analytics/.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": [["babel-preset-gatsby-package", { "browser": true }]]
+  "presets": [["babel-preset-gatsby-package", { "browser": true, "esm": true }]]
 }

packages/gatsby-plugin-page-creator/.babelrc

@@ -1,3 +1,3 @@
 {
-  "presets": [["babel-preset-gatsby-package", { "browser": true }]]
+  "presets": [["babel-preset-gatsby-package"]]
 }