Gatsby 5 doesn't work with svgr

[Karol-Waliszewski]

Preliminary Checks

• This issue is not a duplicate. Before opening a new issue, please search existing issues: https://github.com/gatsbyjs/gatsby/issues
• This issue is not a question, feature request, RFC, or anything other than a bug report directly related to Gatsby. Please post those things in GitHub Discussions: https://github.com/gatsbyjs/gatsby/discussions

Description

Gatsby 5 doesn't work with SVGR. When I try to load the page with some svg the render breaks on dev. The problem only appears when reloading the page or entering from url. If going from another page everything works fine.

Reproduction Link

...

Steps to Reproduce

1. Gatsby 5 + SVGR 3.0-beta
2. Import SVG on page
3. Reload page
4. Error

Expected Result

Page renders

Actual Result

Failed to Server Render (SSR)
Error message:
React.Children.only expected to receive a single React element child.

File:
src/assets/icons/flat-floor.svg:1:1

Stack:
WebpackError: React.Children.only expected to receive a single React element child.
at victoriadom/src/assets/icons/flat-floor.svg:1:1
at victoriadom/node_modules/styled-components/dist/styled-components.esm.js:1:13872
at victoriadom/node_modules/css-select/lib/pseudo-selectors/subselects.js:105:1
at victoriadom/node_modules/css-select/lib/sort.js:57:1
at victoriadom/node_modules/css-select/node_modules/dom-serializer/lib/index.js:62:1
at victoriadom/src/utils/getIcon.ts:222:10
at victoriadom/node_modules/css-select/node_modules/dom-serializer/lib/index.js:192:1
at victoriadom/node_modules/css-select/node_modules/dom-serializer/lib/index.js:36:1
at victoriadom/node_modules/css-select/node_modules/dom-serializer/lib/index.js:133:1
at victoriadom/src/utils/getIcon.ts:222:10

Environment

System:
    OS: macOS 13.0
    CPU: (8) arm64 Apple M1
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.12.1 - ~/.nvm/versions/node/v18.12.1/bin/node
    Yarn: 1.22.19 - ~/.yarn/bin/yarn
    npm: 9.6.5 - ~/.nvm/versions/node/v18.12.1/bin/npm
  Languages:
    Python: 3.10.10 - /Users/karolwaliszewski/miniconda3/bin/python
  Browsers:
    Chrome: 114.0.5735.198
    Firefox: 106.0.5
    Safari: 16.1
  npmPackages:
    gatsby: 5.8.1 => 5.8.1
    gatsby-plugin-canonical-urls: 5.8.0 => 5.8.0
    gatsby-plugin-eslint: 4.0.4 => 4.0.4
    gatsby-plugin-google-analytics: 5.8.0 => 5.8.0
    gatsby-plugin-google-tagmanager: 5.8.0 => 5.8.0
    gatsby-plugin-hotjar: 1.1.1 => 1.1.1
    gatsby-plugin-image: 3.8.0 => 3.8.0
    gatsby-plugin-manifest: 5.8.0 => 5.8.0
    gatsby-plugin-netlify: 5.1.0 => 5.1.0
    gatsby-plugin-nprogress: 5.8.0 => 5.8.0
    gatsby-plugin-offline: 6.8.0 => 6.8.0
    gatsby-plugin-react-helmet: 6.8.0 => 6.8.0
    gatsby-plugin-remove-serviceworker: 1.0.0 => 1.0.0
    gatsby-plugin-remove-trailing-slashes: 4.19.0 => 4.19.0
    gatsby-plugin-robots-txt: 1.8.0 => 1.8.0
    gatsby-plugin-sharp: 5.8.1 => 5.8.1
    gatsby-plugin-sitemap: 6.8.0 => 6.8.0
    gatsby-plugin-styled-components: 6.8.0 => 6.8.0
    gatsby-plugin-svgr: 3.0.0-beta.0 => 3.0.0-beta.0
    gatsby-plugin-typescript: 5.8.0 => 5.8.0
    gatsby-plugin-web-font-loader: 1.0.4 => 1.0.4
    gatsby-plugin-webpack-bundle-analyser-v2: 1.1.30 => 1.1.30
    gatsby-source-filesystem: 5.8.0 => 5.8.0
    gatsby-source-wordpress: 7.8.0 => 7.8.0
    gatsby-theme-i18n: 3.0.0 => 3.0.0
    gatsby-theme-i18n-react-i18next: 3.0.0 => 3.0.0
    gatsby-transformer-sharp: 5.8.0 => 5.8.0

Config Flags

FAST_DEV: true,
PARALLEL_SOURCING: true,