Errors compiling react app with node v16 and [email protected]

[iuliuh]

Using:

$ node --version
v16.13.1
$ npm --version
8.1.2
$ npx create-react-app dante3-test-1
$ cd dante3-test-1
$ npm install dante3 --save
$ npm start

the result is:

Failed to compile.

Attempted import error: 'combineTransactionSteps' is not exported from '@tiptap/core' (imported as 'combineTransactionSteps').
assets by path static/ 4.73 MiB
  asset static/js/bundle.js 4.72 MiB [emitted] (name: main) 1 related asset
  asset static/js/node_modules_web-vitals_dist_web-vitals_js.chunk.js 6.93 KiB [emitted] 1 related asset
  asset static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg 2.57 KiB [emitted] (auxiliary name: main)
asset index.html 1.67 KiB [emitted]
asset asset-manifest.json 546 bytes [emitted]
cached modules 4.32 MiB [cached] 482 modules
runtime modules 32.4 KiB 16 modules

ERROR in ./node_modules/@tiptap/extension-link/dist/tiptap-extension-link.esm.js 19:24-47
export 'combineTransactionSteps' (imported as 'combineTransactionSteps') was not found in '@tiptap/core' (possible exports: Editor, Extension, InputRule, Mark, Node, NodeView, PasteRule, Tracker, callOrReturn, extensions, findChildren, findChildrenInRange, findParentNode, findParentNodeClosestToPos, generateHTML, generateJSON, generateText, getAttributes, getDebugJSON, getExtensionField, getHTMLFromFragment, getMarkAttributes, getMarkRange, getMarkType, getMarksBetween, getNodeAttributes, getNodeType, getSchema, getText, getTextBetween, inputRulesPlugin, isActive, isList, isMarkActive, isNodeActive, isNodeEmpty, isNodeSelection, isTextSelection, markInputRule, markPasteRule, mergeAttributes, nodeInputRule, pasteRulesPlugin, posToDOMRect, textInputRule, textPasteRule, textblockTypeInputRule, wrappingInputRule)
 @ ./node_modules/dante3/package/umd/Dante.js 2:158-191
 @ ./src/App.js 6:0-27
 @ ./src/index.js 7:0-24 11:33-36

ERROR in ./node_modules/@tiptap/extension-link/dist/tiptap-extension-link.esm.js 23:22-38
export 'getChangedRanges' (imported as 'getChangedRanges') was not found in '@tiptap/core' (possible exports: Editor, Extension, InputRule, Mark, Node, NodeView, PasteRule, Tracker, callOrReturn, extensions, findChildren, findChildrenInRange, findParentNode, findParentNodeClosestToPos, generateHTML, generateJSON, generateText, getAttributes, getDebugJSON, getExtensionField, getHTMLFromFragment, getMarkAttributes, getMarkRange, getMarkType, getMarksBetween, getNodeAttributes, getNodeType, getSchema, getText, getTextBetween, inputRulesPlugin, isActive, isList, isMarkActive, isNodeActive, isNodeEmpty, isNodeSelection, isTextSelection, markInputRule, markPasteRule, mergeAttributes, nodeInputRule, pasteRulesPlugin, posToDOMRect, textInputRule, textPasteRule, textblockTypeInputRule, wrappingInputRule)
 @ ./node_modules/dante3/package/umd/Dante.js 2:158-191
 @ ./src/App.js 6:0-27
 @ ./src/index.js 7:0-24 11:33-36

webpack 5.70.0 compiled with 2 errors in 1565 ms

This is my package.json, nothing out of the ordinary, I guess:

{
  "name": "dante3-test-1",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/react": "^12.1.4",
    "@testing-library/user-event": "^13.5.0",
    "dante3": "^1.0.8",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "5.0.0",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

This is the full project: dante3-test-1.zip

I have managed to reproduce the issue in codesandbox: https://codesandbox.io/s/youthful-lucy-5okj31

Peek.2022-03-15.20-26.mp4

Any help/workaround in regards to this is much appreciated. It seems like it can be reproduced with any node 16 version.

[andrewdingcanada8]

exact same issue here!