SyntaxError with the Without Build Tools setup

[MateSteinforth]

Uncaught SyntaxError: The requested module '/-/react-reconciler@v0.27.0-SmtYKTNevgzRFyGEtwI6/dist=es2019,mode=imports/unoptimized/constants.js' does not provide an export named 'ConcurrentRoot' (at fiber.js:4:9)

[joshuaellis]

Please provide your version of react-three-fiber & react. Also please provide a reproduction of the issue so we can accurately investigate.

[MateSteinforth]

I just copy and pasted the example from here https://docs.pmnd.rs/react-three-fiber/getting-started/installation#without-build-tools

console says

"Uncaught SyntaxError: The requested module '/-/react-reconciler@v0.27.0-SmtYKTNevgzRFyGEtwI6/dist=es2019,mode=imports/unoptimized/constants.js' does not provide an export named 'ConcurrentRoot' (at fiber.js:4:9)"

[MateSteinforth]

this import throws the error

import { Canvas, useFrame } from 'https://cdn.skypack.dev/@react-three/fiber'

[CodyJasonBennett]

Skypack seems unable to handle import such as

react-three-fiber/packages/fiber/src/core/renderer.ts

Line 5 in 4616e45

import { DefaultEventPriority } from 'react-reconciler/constants'

I'd recommend another service like https://esm.sh that can properly link these:

• https://codesandbox.io/s/qhxgkh

import ReactDOM from 'https://esm.sh/react-dom'
import React, { useRef, useState } from 'https://esm.sh/react'
import { Canvas, useFrame } from 'https://esm.sh/@react-three/fiber'
import htm from 'https://esm.sh/htm'

const html = htm.bind(React.createElement)
ReactDOM.render(
  html`
    <${Canvas} camera=${{ position: [0, 1.3, 3] }}>
      <gridHelper args=${[4, 4]} />
    <//>
  `,
  document.getElementById('root')
)