.babelrc

{
  "presets": [
    ["razzle/babel", {
      "preset-react": {
        "runtime": "automatic",
        "importSource": "@emotion/react"
      }
    }]
  ],
  "plugins": [
    ["transform-rename-import", {
      "replacements": [
        {
          "original": "(.+)\\.graphql$",
          "replacement": "$1.graphql.ts"
        }
      ]
    }],
    "@emotion/babel-plugin",
    ["@babel/plugin-transform-runtime", {
      "absoluteRuntime": true
    }],
    "@babel/plugin-transform-numeric-separator",
    "./src/server/disableSsrByDefault",
    "@loadable/babel-plugin",
    ["babel-plugin-transform-imports", {
      "lodash": {
        "transform": "lodash/${member}"
      },
      "@mui/icons-material": {
        "transform": "@mui/icons-material/${member}"
      },
      "@mui/material": {
        "transform": "@mui/material/${member}"
      },
      "@mui/lab": {
        "transform": "@mui/lab/${member}"
      }
    }]
  ]
}