Cannot set up new React project

1

Hi!
I’ve already spent one hour trying to set up a React project by following the documentation, it doesn’t build and it’s quite frustrating.
Here is a screenshot of the error:

Screenshot 2023-01-10 at 09.21.48
Screenshot 2023-01-10 at 09.21.481672×1482 203 KB

The bsconfig.json file:

{
  "name": "rescript-project-template",
  "sources": {
    "dir": "src",
    "subdirs": true
  },
  "package-specs": {
    "module": "es6",
    "in-source": false
  },
  "suffix": ".bs.js",
  "jsx": { "version": 4, "mode": "classic" },
  "bs-dependencies": ["@rescript/react"]
}

The package.json file:

{
  "name": "rescript-project-template",
  "version": "0.0.1",
  "scripts": {
    "res:build": "rescript",
    "res:clean": "rescript clean",
    "res:dev": "rescript build -w"
  },
  "keywords": [
    "rescript"
  ],
  "author": "",
  "license": "MIT",
  "dependencies": {
    "@rescript/react": "^0.10.3",
    "rescript": "*"
  }
}

The only thing I changed is the package-specs but even with the default ones, it doesn’t build. I followed the steps as described in the documentation and cannot make it work.
Any idea of what I am doing wrong?
Thanks!

2

Can you try npm install @rescript/react@next --save? I wonder if this is related to using the new JSX mode without the newest React bindings.

3

Thank you. I deleted the node_modules and reinstalled everything:

"dependencies": {
    "@rescript/react": "^0.11.0",
    "rescript": "^10.0.1"
  }

but I still get the same error message :confused:

4

10.0.1 is too old voor React JSX v4. You also need rescript 10.1 (rescript@next)

5

Thanks, it worked with this configuration:

"dependencies": {
    "@rescript/react": "^0.11.0",
    "rescript": "^10.1.1"
  }
1 Like