Bind rendered editing callbacks to captured element lifetimes

src/components/canvas/node-title.tsx

@@ -1,9 +1,9 @@
 "use client";
-import { useContext, useEffect, useRef, useState } from "react";
-import { NodeEditing } from "./transformable-node";
+import { useEffect, useRef, useState } from "react";
+import {useScopedNodeEditing} from "./node-editing";
 import styles from "./canvas.module.css";
-export function NodeTitle({ id, title, selected }: { id: string; title: string; selected: boolean }) {
-  const actions = useContext(NodeEditing);
+export function NodeTitle({ id, title, selected,renderedTarget }: { id: string; title: string; selected: boolean;renderedTarget?:import("@/lib/canvas-bindings/compat-types").RenderedTarget }) {
+  const actions = useScopedNodeEditing(id,renderedTarget);
   const [editing, setEditing] = useState(false), [value, setValue] = useState(title);
   const input = useRef<HTMLInputElement>(null), cancelled = useRef(false);
   useEffect(() => { if (!editing) setValue(title); }, [title, editing]);