@portabletext/editor 1.14.2 → 1.15.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/editor",
-  "version": "1.14.2",
+  "version": "1.15.0",
   "description": "Portable Text Editor made in React",
   "keywords": [
     "sanity",
@@ -74,8 +74,8 @@
     "@types/debug": "^4.1.5",
     "@types/lodash": "^4.17.13",
     "@types/lodash.startcase": "^4.4.9",
-    "@types/react": "^18.3.14",
-    "@types/react-dom": "^18.3.2",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.1",
     "@typescript-eslint/eslint-plugin": "^8.17.0",
     "@typescript-eslint/parser": "^8.17.0",
     "@vitejs/plugin-react": "^4.3.4",
@@ -86,12 +86,12 @@
     "eslint-plugin-react-compiler": "19.0.0-beta-df7b47d-20241124",
     "eslint-plugin-react-hooks": "^5.1.0",
     "jsdom": "^25.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "rxjs": "^7.8.1",
     "styled-components": "^6.1.13",
     "typescript": "5.7.2",
-    "vite": "^5.4.11",
+    "vite": "^6.0.3",
     "vitest": "^2.1.8",
     "vitest-browser-react": "^0.0.4",
     "racejar": "1.1.0"
@@ -100,7 +100,7 @@
     "@sanity/block-tools": "^3.66.1",
     "@sanity/schema": "^3.66.1",
     "@sanity/types": "^3.66.1",
-    "react": "^16.9 || ^17 || ^18",
+    "react": "^16.9 || ^17 || ^18 || ^19",
     "rxjs": "^7.8.1",
     "styled-components": "^6.1.13"
   },

package/src/editor/__tests__/PortableTextEditor.test.tsx

@@ -17,7 +17,7 @@ const renderPlaceholder = () => 'Jot something down here'
 
 describe('initialization', () => {
   it('receives initial onChange events and has custom placeholder', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     const {container} = render(
       <PortableTextEditorTester
@@ -113,7 +113,7 @@ describe('initialization', () => {
   })
 
   it('takes initial selection from props', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const initialValue = [helloBlock]
     const initialSelection: EditorSelection = {
       anchor: {path: [{_key: '123'}, 'children', {_key: '567'}], offset: 2},
@@ -152,7 +152,7 @@ describe('initialization', () => {
   })
 
   it('updates editor selection from new prop and keeps object equality in editor.getSelection()', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const initialValue = [helloBlock]
     const initialSelection: EditorSelection = {
       anchor: {path: [{_key: '123'}, 'children', {_key: '567'}], offset: 0},
@@ -217,7 +217,7 @@ describe('initialization', () => {
   })
 
   it('handles empty array value', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const initialValue: PortableTextBlock[] = []
     const initialSelection: EditorSelection = {
       anchor: {path: [{_key: '123'}, 'children', {_key: '567'}], offset: 2},
@@ -260,7 +260,7 @@ describe('initialization', () => {
     })
   })
   it('validates a non-initial value', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     let value: PortableTextBlock[] = [helloBlock]
     const initialSelection: EditorSelection = {
       anchor: {path: [{_key: '123'}, 'children', {_key: '567'}], offset: 2},
@@ -338,7 +338,7 @@ describe('initialization', () => {
     })
   })
   it("doesn't crash when containing a invalid block somewhere inside the content", async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const initialValue: PortableTextBlock[] = [
       helloBlock,
       {

package/src/editor/__tests__/RangeDecorations.test.tsx

@@ -22,7 +22,7 @@ const RangeDecorationTestComponent = ({children}: {children?: ReactNode}) => {
 
 describe('RangeDecorations', () => {
   it('only render range decorations as necessary', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     const value = [helloBlock]
     let rangeDecorations: RangeDecoration[] = [

package/src/editor/__tests__/handleClick.test.tsx

@@ -53,7 +53,7 @@ describe('adds empty text block if its needed', () => {
       anchor: {path: [{_key: 'b'}], offset: 0},
     }
 
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     const component = render(
       <PortableTextEditorTester
@@ -115,7 +115,7 @@ describe('adds empty text block if its needed', () => {
       anchor: {path: [{_key: 'b'}], offset: 0},
     }
 
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     const component = render(
       <PortableTextEditorTester
@@ -170,7 +170,7 @@ describe('adds empty text block if its needed', () => {
       anchor: {path: [{_key: 'b'}, 'children', {_key: 'b1'}], offset: 0},
     }
 
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     const component = render(
       <PortableTextEditorTester
@@ -236,7 +236,7 @@ describe('adds empty text block if its needed', () => {
       anchor: {path: [{_key: 'c'}], offset: 0},
     }
 
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     const component = render(
       <PortableTextEditorTester

package/src/editor/__tests__/insert-block.test.tsx

@@ -20,7 +20,7 @@ const schema = Schema.compile({
 
 describe(PortableTextEditor.insertBlock.name, () => {
   test('Scenario: Inserting a custom block without a selection #1', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const emptyTextBlock: PortableTextBlock = {
       _key: 'ba',
       _type: 'block',
@@ -88,7 +88,7 @@ describe(PortableTextEditor.insertBlock.name, () => {
   })
 
   test('Scenario: Inserting a custom block without a selection #2', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const nonEmptyTextBlock: PortableTextBlock = {
       _key: 'ba',
       _type: 'block',
@@ -158,7 +158,7 @@ describe(PortableTextEditor.insertBlock.name, () => {
   })
 
   test('Scenario: Replacing an empty text block with a custom block', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const emptyTextBlock: PortableTextBlock = {
       _key: 'ba',
       _type: 'block',

package/src/editor/__tests__/pteWarningsSelfSolving.test.tsx

@@ -7,7 +7,7 @@ import {PortableTextEditorTester, schemaType} from './PortableTextEditorTester'
 
 describe('when PTE would display warnings, instead it self solves', () => {
   it('when child at index is missing required _key in block with _key', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const initialValue = [
       {
         _key: 'abc',
@@ -63,7 +63,7 @@ describe('when PTE would display warnings, instead it self solves', () => {
   })
 
   it('self-solves missing .markDefs', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const initialValue = [
       {
         _key: 'abc',
@@ -120,7 +120,7 @@ describe('when PTE would display warnings, instead it self solves', () => {
   })
 
   it('adds missing .children', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const initialValue = [
       {
         _key: 'abc',
@@ -191,7 +191,7 @@ describe('when PTE would display warnings, instead it self solves', () => {
   })
 
   it('removes orphaned marks', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const initialValue = [
       {
         _key: 'abc',
@@ -249,7 +249,7 @@ describe('when PTE would display warnings, instead it self solves', () => {
   })
 
   it('removes orphaned marksDefs', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const initialValue = [
       {
         _key: 'abc',
@@ -313,7 +313,7 @@ describe('when PTE would display warnings, instead it self solves', () => {
   })
 
   it('allows empty array of blocks', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const initialValue = [] as PortableTextBlock[]
 
     const onChange = vi.fn()

package/src/editor/__tests__/self-solving.test.tsx

@@ -40,7 +40,7 @@ function span(
 
 describe('Feature: Self-solving', () => {
   it('Scenario: Missing .markDefs and .marks are added after the editor is made dirty', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn<OnChange>()
     const initialValue = [
       block({

package/src/editor/components/DraggableBlock.tsx

@@ -42,7 +42,7 @@ export const DraggableBlock = ({
   blockRef,
 }: DraggableBlockProps) => {
   const editor = useSlateStatic()
-  const dragGhostRef: MutableRefObject<undefined | HTMLElement> = useRef()
+  const dragGhostRef = useRef<HTMLElement>(undefined)
   const [isDragOver, setIsDragOver] = useState(false)
   const isVoid = useMemo(
     () => Editor.isVoid(editor, element),

package/src/editor/components/Element.tsx

@@ -4,7 +4,13 @@ import type {
   PortableTextObject,
   PortableTextTextBlock,
 } from '@sanity/types'
-import {useMemo, useRef, type FunctionComponent, type ReactElement} from 'react'
+import {
+  useMemo,
+  useRef,
+  type FunctionComponent,
+  type JSX,
+  type ReactElement,
+} from 'react'
 import {Editor, Range, Element as SlateElement} from 'slate'
 import {
   ReactEditor,
@@ -40,7 +46,7 @@ const EMPTY_ANNOTATIONS: PortableTextObject[] = []
  */
 export interface ElementProps {
   attributes: RenderElementProps['attributes']
-  children: ReactElement
+  children: ReactElement<any>
   element: SlateElement
   schemaTypes: PortableTextMemberSchemaTypes
   readOnly: boolean

package/src/editor/components/Leaf.tsx

@@ -39,7 +39,7 @@ const EMPTY_MARKS: string[] = []
  */
 export interface LeafProps extends RenderLeafProps {
   editorActor: EditorActor
-  children: ReactElement
+  children: ReactElement<any>
   schemaTypes: PortableTextMemberSchemaTypes
   renderAnnotation?: RenderAnnotationFunction
   renderChild?: RenderChildFunction

package/src/editor/create-editor.ts

@@ -4,7 +4,7 @@ import type {
   PortableTextBlock,
 } from '@sanity/types'
 import {useActorRef} from '@xstate/react'
-import {useCallback, useMemo} from 'react'
+import {useMemo} from 'react'
 import {
   createActor,
   type ActorRef,
@@ -101,7 +101,7 @@ export function createEditor(config: EditorConfig): Editor {
     on: (event, listener) =>
       editorActor.on(
         event,
-        // @ts-ignore
+        // @ts-expect-error
         listener,
       ),
     _internal: {
@@ -116,38 +116,27 @@ export function useCreateEditor(config: EditorConfig): Editor {
   const editorActor = useActorRef(editorMachine, {
     input: editorConfigToMachineInput(config),
   })
-  const slateEditor = createSlateEditor({editorActor})
-  const editable = useMemo(
-    () => createEditableAPI(slateEditor.instance, editorActor),
-    [slateEditor.instance, editorActor],
-  )
-  const send = useCallback(
-    (event: EditorEvent) => {
-      editorActor.send(event)
-    },
-    [editorActor],
-  )
-  const on = useCallback<Editor['on']>(
-    (event, listener) =>
-      editorActor.on(
-        event,
-        // @ts-ignore
-        listener,
-      ),
-    [editorActor],
-  )
-  const editor: Editor = useMemo(
-    () => ({
-      send,
-      on,
+  const editor: Editor = useMemo(() => {
+    const slateEditor = createSlateEditor({editorActor})
+    const editable = createEditableAPI(slateEditor.instance, editorActor)
+
+    return {
+      send: (event: EditorEvent) => {
+        editorActor.send(event)
+      },
+      on: (event, listener) =>
+        editorActor.on(
+          event,
+          // @ts-expect-error
+          listener,
+        ),
       _internal: {
         editable,
         editorActor,
         slateEditor,
       },
-    }),
-    [send, on, editable, editorActor, slateEditor],
-  )
+    }
+  }, [editorActor])
 
   return editor
 }

package/src/editor/hooks/useSyncValue.test.tsx

@@ -26,7 +26,7 @@ const initialValue = [
 
 describe('useSyncValue', () => {
   it('updates span text', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     const syncedValue = [
       {
@@ -69,7 +69,7 @@ describe('useSyncValue', () => {
     })
   })
   it('replaces span nodes with different keys inside the same children array', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     const syncedValue = [
       {

package/src/editor/hooks/useSyncValue.ts

@@ -53,9 +53,9 @@ export function useSyncValue(
 ) => void {
   const {editorActor, portableTextEditor, readOnly, slateEditor} = props
   const schemaTypes = editorActor.getSnapshot().context.schema
-  const previousValue = useRef<PortableTextBlock[] | undefined>()
+  const previousValue = useRef<PortableTextBlock[]>(undefined)
   const updateValueFunctionRef =
-    useRef<(value: PortableTextBlock[] | undefined) => void>()
+    useRef<(value: PortableTextBlock[] | undefined) => void>(undefined)
 
   const updateFromCurrentValue = useCallback(() => {
     const currentValue = CURRENT_VALUE.get(portableTextEditor)

package/src/editor/nodes/DefaultObject.tsx

@@ -1,4 +1,5 @@
 import type {PortableTextBlock, PortableTextChild} from '@sanity/types'
+import type {JSX} from 'react'
 
 type Props = {
   value: PortableTextBlock | PortableTextChild

package/src/editor/plugins/__tests__/withEditableAPIDelete.test.tsx

@@ -45,7 +45,7 @@ const initialSelection = {
 
 describe('plugin:withEditableAPI: .delete()', () => {
   it('deletes block', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     render(
       <PortableTextEditorTester
@@ -99,7 +99,7 @@ describe('plugin:withEditableAPI: .delete()', () => {
   })
 
   it('deletes all the blocks, but leaves a placeholder block', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     render(
       <PortableTextEditorTester
@@ -157,7 +157,7 @@ describe('plugin:withEditableAPI: .delete()', () => {
   })
 
   it('deletes children', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
 
     render(
@@ -238,7 +238,7 @@ describe('plugin:withEditableAPI: .delete()', () => {
   })
 
   it('deletes selected', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
 
     render(

package/src/editor/plugins/__tests__/withEditableAPIGetFragment.test.tsx

@@ -51,7 +51,7 @@ const initialValue = [
 
 describe('plugin:withEditableAPI: .getFragment()', () => {
   it('can get a Portable Text fragment of the current selection in a single block', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
 
     render(
@@ -92,7 +92,7 @@ describe('plugin:withEditableAPI: .getFragment()', () => {
   })
 
   it('can get a Portable Text fragment of the current selection in multiple blocks', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
 
     render(

package/src/editor/plugins/__tests__/withEditableAPIInsert.test.tsx

@@ -57,7 +57,7 @@ const emptyBlockSelection = {
 
 describe('plugin:withEditableAPI: .insertChild()', () => {
   it('inserts child nodes correctly', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
 
     render(
@@ -183,7 +183,7 @@ describe('plugin:withEditableAPI: .insertChild()', () => {
 
 describe('plugin:withEditableAPI: .insertBlock()', () => {
   it('should not add empty blank blocks: empty block', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const value = [
       {
         _key: 'emptyBlock',
@@ -247,7 +247,7 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
   })
 
   it('should not add empty blank blocks: non-empty block', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
 
     render(
@@ -299,7 +299,7 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
   })
 
   it('should be inserted before if focus is on start of block', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
 
     render(
@@ -353,7 +353,7 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
   })
 
   it('should not add empty blank blocks: non text block', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const value = [
       ...initialValue,
       {_key: 'b', _type: 'someObject', color: 'red'},
@@ -409,7 +409,7 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
   })
 
   it('should not add empty blank blocks: in between blocks', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const value = [
       ...initialValue,
       {_key: 'b', _type: 'someObject', color: 'red'},
@@ -463,7 +463,7 @@ describe('plugin:withEditableAPI: .insertBlock()', () => {
   })
 
   it('should not add empty blank blocks: in new empty text block', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const value = [...initialValue, ...emptyTextBlock]
     const onChange = vi.fn()
 

package/src/editor/plugins/__tests__/withEditableAPISelectionsOverlapping.test.tsx

@@ -27,7 +27,7 @@ const INITIAL_VALUE: PortableTextBlock[] = [
 
 describe('plugin:withEditableAPI: .isSelectionsOverlapping', () => {
   it('returns true if the selections are partially overlapping', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     render(
       <PortableTextEditorTester
@@ -61,7 +61,7 @@ describe('plugin:withEditableAPI: .isSelectionsOverlapping', () => {
   })
 
   it('returns true if the selections are fully overlapping', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     render(
       <PortableTextEditorTester
@@ -95,7 +95,7 @@ describe('plugin:withEditableAPI: .isSelectionsOverlapping', () => {
   })
 
   it('return true if selection is fully inside another selection', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     render(
       <PortableTextEditorTester
@@ -129,7 +129,7 @@ describe('plugin:withEditableAPI: .isSelectionsOverlapping', () => {
   })
 
   it('returns false if the selections are not overlapping', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     render(
       <PortableTextEditorTester

package/src/editor/plugins/__tests__/withPortableTextLists.test.tsx

@@ -9,7 +9,7 @@ import {PortableTextEditor} from '../../PortableTextEditor'
 
 describe('plugin:withPortableTextLists', () => {
   it('should return active list styles that cover the whole selection', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const initialValue = [
       {
         _key: 'a',

package/src/editor/plugins/__tests__/withPortableTextMarkModel.test.tsx

@@ -12,7 +12,7 @@ import {PortableTextEditor} from '../../PortableTextEditor'
 describe('plugin:withPortableTextMarksModel', () => {
   describe('normalization', () => {
     it('merges children correctly when toggling marks in various ranges', async () => {
-      const editorRef: RefObject<PortableTextEditor> = createRef()
+      const editorRef: RefObject<PortableTextEditor | null> = createRef()
       const initialValue = [
         {
           _key: 'a',
@@ -146,7 +146,7 @@ describe('plugin:withPortableTextMarksModel', () => {
     })
 
     it('toggles marks on children with annotation marks correctly', async () => {
-      const editorRef: RefObject<PortableTextEditor> = createRef()
+      const editorRef: RefObject<PortableTextEditor | null> = createRef()
       const initialValue = [
         {
           _key: 'a',
@@ -242,7 +242,7 @@ describe('plugin:withPortableTextMarksModel', () => {
     })
 
     it('merges blocks correctly when containing links', async () => {
-      const editorRef: RefObject<PortableTextEditor> = createRef()
+      const editorRef: RefObject<PortableTextEditor | null> = createRef()
       const initialValue = [
         {
           _key: '5fc57af23597',
@@ -378,7 +378,7 @@ describe('plugin:withPortableTextMarksModel', () => {
     })
 
     it('resets markDefs when splitting a block in the beginning', async () => {
-      const editorRef: RefObject<PortableTextEditor> = createRef()
+      const editorRef: RefObject<PortableTextEditor | null> = createRef()
       const initialValue = [
         {
           _key: 'ba',
@@ -505,7 +505,7 @@ describe('plugin:withPortableTextMarksModel', () => {
   })
   describe('selection', () => {
     it('should emit a new selection object when toggling marks, even though the value is the same', async () => {
-      const editorRef: RefObject<PortableTextEditor> = createRef()
+      const editorRef: RefObject<PortableTextEditor | null> = createRef()
       const initialValue = [
         {
           _key: 'ba',
@@ -569,7 +569,7 @@ describe('plugin:withPortableTextMarksModel', () => {
     })
 
     it('should return active marks that cover the whole selection', async () => {
-      const editorRef: RefObject<PortableTextEditor> = createRef()
+      const editorRef: RefObject<PortableTextEditor | null> = createRef()
       const initialValue = [
         {
           _key: 'a',
@@ -618,7 +618,7 @@ describe('plugin:withPortableTextMarksModel', () => {
     })
 
     it('should return active annotation types that cover the whole selection', async () => {
-      const editorRef: RefObject<PortableTextEditor> = createRef()
+      const editorRef: RefObject<PortableTextEditor | null> = createRef()
       const initialValue = [
         {
           _key: 'a',
@@ -675,7 +675,7 @@ describe('plugin:withPortableTextMarksModel', () => {
 
   describe('removing annotations', () => {
     it('preserves other marks that apply to the spans', async () => {
-      const editorRef: RefObject<PortableTextEditor> = createRef()
+      const editorRef: RefObject<PortableTextEditor | null> = createRef()
       const initialValue = [
         {
           _key: '5fc57af23597',
@@ -838,7 +838,7 @@ describe('plugin:withPortableTextMarksModel', () => {
 
   describe('removing nodes', () => {
     it('should not insert a new block if we have more blocks available', async () => {
-      const editorRef: RefObject<PortableTextEditor> = createRef()
+      const editorRef: RefObject<PortableTextEditor | null> = createRef()
       const initialValue = [
         {
           _key: '5fc57af23597',

package/src/editor/plugins/__tests__/withPortableTextSelections.test.tsx

@@ -40,7 +40,7 @@ const initialValue = [
 
 describe('plugin:withPortableTextSelections', () => {
   it('will report that a selection is made backward', async () => {
-    const editorRef: RefObject<PortableTextEditor> = createRef()
+    const editorRef: RefObject<PortableTextEditor | null> = createRef()
     const onChange = vi.fn()
     render(
       <PortableTextEditorTester