Running new install from Quickstart guide compiles with errors

I am running the Quickstart instructions for the first time. I have added the required packages via Yarn. I am getting the following errors when running yarn start:

WARNING in ./node_modules/nth-check/lib/esm/compile.js Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): Failed to parse source map from ‘/Users/charlieswing/Documents/source/quiet-collection-cms/node_modules/nth-check/lib/esm/https:/raw.githubusercontent.com/fb55/nth-check/639fd2a4000b69f82350aad8c34cb43f77e483ba/src/compile.ts’ file: Error: ENOENT: no such file or directory, open ‘/Users/charlieswing/Documents/source/quiet-collection-cms/node_modules/nth-check/lib/esm/https:/raw.githubusercontent.com/fb55/nth-check/639fd2a4000b69f82350aad8c34cb43f77e483ba/src/compile.ts’

WARNING in ./node_modules/nth-check/lib/esm/index.js Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): Failed to parse source map from ‘/Users/charlieswing/Documents/source/quiet-collection-cms/node_modules/nth-check/lib/esm/https:/raw.githubusercontent.com/fb55/nth-check/639fd2a4000b69f82350aad8c34cb43f77e483ba/src/index.ts’ file: Error: ENOENT: no such file or directory, open ‘/Users/charlieswing/Documents/source/quiet-collection-cms/node_modules/nth-check/lib/esm/https:/raw.githubusercontent.com/fb55/nth-check/639fd2a4000b69f82350aad8c34cb43f77e483ba/src/index.ts’

WARNING in ./node_modules/nth-check/lib/esm/parse.js Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): Failed to parse source map from ‘/Users/charlieswing/Documents/source/quiet-collection-cms/node_modules/nth-check/lib/esm/https:/raw.githubusercontent.com/fb55/nth-check/639fd2a4000b69f82350aad8c34cb43f77e483ba/src/parse.ts’ file: Error: ENOENT: no such file or directory, open ‘/Users/charlieswing/Documents/source/quiet-collection-cms/node_modules/nth-check/lib/esm/https:/raw.githubusercontent.com/fb55/nth-check/639fd2a4000b69f82350aad8c34cb43f77e483ba/src/parse.ts’

[fgatti675]

Some dependency must have introduced a bug, but I am not able to find it, nor it seems to happen to anyone else. It seems that setting these dependencies works:

    "@camberi/firecms": "1.0.2",
    "@emotion/react": "11.9.3",
    "@emotion/styled": "11.9.3",
    "@mui/icons-material": "5.5.1",
    "@mui/lab": "5.0.0-alpha.45",
    "@mui/material": "5.5.3",
    "@mui/styles": "5.5.3",
    "react-router": "^6",
    "react-router-dom": "^6",
    "firebase": "^9",

The error is still there but the app is working. The error is related to source map generation, which can be disabled by:

  "scripts": {
    "start": "GENERATE_SOURCEMAP=false react-scripts start",
    "build": "GENERATE_SOURCEMAP=false  react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

[richardszegh]

This is an issue with CRA, see this discussion and this pull request.

Here’s a temporary solution using Craco.