diff --git a/tldraw/apps/tldraw-logseq/src/lib/shapes/IFrameShape.tsx b/tldraw/apps/tldraw-logseq/src/lib/shapes/IFrameShape.tsx index 9b7323b6e..80669d95a 100644 --- a/tldraw/apps/tldraw-logseq/src/lib/shapes/IFrameShape.tsx +++ b/tldraw/apps/tldraw-logseq/src/lib/shapes/IFrameShape.tsx @@ -1,4 +1,5 @@ /* eslint-disable @typescript-eslint/no-explicit-any */ +import * as React from 'react' import { TLBoxShape, TLBoxShapeProps } from '@tldraw/core' import { HTMLContainer, TLComponentProps } from '@tldraw/react' import { action, computed } from 'mobx' @@ -21,15 +22,19 @@ export class IFrameShape extends TLBoxShape { url: '', } + canEdit = true + @computed get url() { return this.props.url } - @action onIFrameSourceChange = (url: string) => { + @action onIFrameSourceChange = (url: string | null;) => { this.update({ url }) } ReactComponent = observer(({ events, isErasing, isEditing }: TLComponentProps) => { + const ref = React.useRef(null) + return ( { }} >