Fetch API cannot load webpack:///./src/backend/linkFiber.ts?

[Notaduck]

Description

I've implemented recoil to manage my state however I get the following errors in the console:

Steps to reproduce

gatsby new gatsby-auth gatsbyjs/gatsby-starter-hello-world
cd gatsby-auth
yarn add recoil
yarn add recoil-persist

insert the following into gatsby-browser.js

import React from 'react'
import { RecoilRoot } from "recoil";
import recoilPersist from 'recoil-persist'

const { RecoilPersist, updateState } = recoilPersist(
    ['tokenState'], // configurate that atoms will be stored (if empty then all atoms will be stored),
    {
        key: 'recoil-persist', // this key is using to store data in local storage
        storage: localStorage // configurate which stroage will be used to store the data
    }
)


export const wrapPageElement = ({element, props}) => {
    return(
        <RecoilRoot initializeState={({set}) => updateState({set})}>
            <RecoilPersist />
            {element}
        </RecoilRoot>
    )
}

Environment

  System:
    OS: Linux 5.7 Manjaro Linux
    CPU: (8) x64 Intel(R) Core(TM) i7-6700HQ CPU @ 2.60GHz
    Shell: 5.8 - /usr/bin/zsh
  Binaries:
    Node: 14.2.0 - /usr/local/bin/node
    Yarn: 1.22.4 - /usr/local/bin/yarn
    npm: 6.14.8 - /usr/local/bin/npm
  Languages:
    Python: 3.8.6 - /usr/bin/python
  Browsers:
    Firefox: 82.0.3
  npmPackages:
    gatsby: ^2.25.3 => 2.25.3