Weird error when running tests with vitest

[onurhb]

Ref: https://github.com/onurhb/slate-immer-error

I am trying to run a simple test with vitest.

/** @jsx jsx */

import { Editor } from 'slate'
import { jsx } from 'slate-hyperscript'
import { it } from 'vitest'

import { BaseEditor } from 'slate'
import { ReactEditor } from 'slate-react'

type CustomElement = { type: 'paragraph'; id: string; children: CustomText[] }
type CustomText = { text: string; bold?: true }

declare module 'slate' {
  interface CustomTypes {
    Editor: BaseEditor & ReactEditor
    Element: CustomElement
    Text: CustomText
  }
}

const input = (
  <editor>
    <element>
      o<cursor />
      ne
    </element>
  </editor>
) as any as Editor

it('insert paragraph', () => {
  Editor.insertNode(input, { type: 'paragraph', id: '1', children: [{ text: '' }] })
})

The error:

FAIL  src/editor.test.tsx > insert paragraph
Error: [Immer] Immer forbids circular references
 ❯ die node_modules/immer/src/utils/errors.ts:53:9
 ❯ finalizeProperty node_modules/immer/src/core/finalize.ts:126:46
 ❯ iter node_modules/immer/src/core/finalize.ts:67:5
 ❯ forEach node_modules/immer/src/utils/common.ts:93:52
 ❯ each node_modules/immer/src/utils/common.ts:92:50
 ❯ finalize node_modules/immer/src/core/finalize.ts:64:3
 ❯ finalizeProperty node_modules/immer/src/core/finalize.ts:156:3
 ❯ iter node_modules/immer/src/core/finalize.ts:100:4
 ❯ node_modules/immer/src/utils/common.ts:93:52

This seems to happen only with vitest + vite. I tried exact same test with jest successfully. Any ideas? I can't figure out this.

[onurhb]

After some debugging I see that vite or vitest is injection additional attributes to each jsx element in my test. Here jsx factory is called with attributes containing __self, which results the Immer exception. I guess I have to prevent vitest/vite from doing that as this is not related to Slate itself.
Let me know if anyone has solution to this.