Upgrade to Tldraw 2.3.0

.github/workflows/pr.yaml

@@ -11,6 +11,8 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+      - name: temp fix
+        run: "rm -f package-lock.json"
       - name: install
         run: npm install
       - name: build

package.json

@@ -27,7 +27,6 @@
   ],
   "dependencies": {
     "@samepage/external": "^0.71.10",
-    "@tldraw/tldraw": "^2.0.0-alpha.12",
     "contrast-color": "^1.0.1",
     "cytoscape-navigator": "^2.0.1",
     "nanoid": "2.0.4",
@@ -36,10 +35,10 @@
     "react-in-viewport": "^1.0.0-alpha.20",
     "react-vertical-timeline-component": "^3.5.2",
     "roamjs-components": "^0.83.4",
-    "signia-react": "^0.1.1"
+    "tldraw": "2.3.0"
   },
   "overrides": {
-    "@tldraw/tldraw": {
+    "tldraw": {
       "react": "^17.0.2",
       "react-dom": "^17.0.2"
     }

patches/@tldraw+editor+2.3.0.patch

@@ -0,0 +1,47 @@
+diff --git a/node_modules/@tldraw/editor/dist-esm/lib/editor/Editor.mjs b/node_modules/@tldraw/editor/dist-esm/lib/editor/Editor.mjs
+index 2789a72..398c086 100644
+--- a/node_modules/@tldraw/editor/dist-esm/lib/editor/Editor.mjs
++++ b/node_modules/@tldraw/editor/dist-esm/lib/editor/Editor.mjs
+@@ -53,7 +53,8 @@ import {
+ } from "@tldraw/utils";
+ import EventEmitter from "eventemitter3";
+ import { flushSync } from "react-dom";
+-import { createRoot } from "react-dom/client";
++// import { createRoot } from "react-dom/client";
++import ReactDOM from 'react-dom';
+ import { getSnapshot, loadSnapshot } from "../config/TLEditorSnapshot.mjs";
+ import { createTLUser } from "../config/createTLUser.mjs";
+ import { checkBindings } from "../config/defaultBindings.mjs";
+@@ -6110,18 +6111,23 @@ class Editor extends EventEmitter {
+    *
+    * @public
+    */
++  // query builder note
++  // react-dom/client is from React 18
++  // we only have access to 17.0.2
+   async getSvgElement(shapes, opts = {}) {
+     const result = await getSvgJsx(this, shapes, opts);
+-    if (!result)
+-      return void 0;
++    if (!result) return undefined;
++  
+     const fragment = document.createDocumentFragment();
+-    const root = createRoot(fragment);
+-    flushSync(() => {
+-      root.render(result.jsx);
+-    });
+-    const svg = fragment.firstElementChild;
+-    assert(svg instanceof SVGSVGElement, "Expected an SVG element");
+-    root.unmount();
++    const container = document.createElement('div'); 
++    fragment.appendChild(container);
++  
++    ReactDOM.render(result.jsx, container); 
++  
++    const svg = container.firstElementChild; 
++    assert(svg instanceof SVGSVGElement, 'Expected an SVG element');
++  
++    ReactDOM.unmountComponentAtNode(container);
+     return { svg, width: result.width, height: result.height };
+   }
+   /**