Getting error in tests after updating Plate packages to v33

[caspersf]

Have a test file as below:
import React from 'react';
import { Plate, createPlateEditor } from '@udecode/plate-common';
import { fireEvent, render, screen, waitFor } from '@testing-library/react';

describe('FontSizeButton', () => {
test('Render font size button options', async () => {
const editor = createPlateEditor();

    render(
        <Plate editor={editor} onChange={() => {}}>
            <TextEditorToolbar
            />
        </Plate>
    );

    await waitFor(() => {
        expect(screen.getByTestId('SizeIcon')).toBeInTheDocument();
    });

    fireEvent.click(screen.getByTestId('SizeIcon'));

    await waitFor(() => {
        fontSizeOptions.forEach(item => {
            expect(screen.getByText(item.text)).toBeInTheDocument();
        });
    });
});

});

Getting the following test failure error:
Test suite failed to run

Cannot find module '@udecode/plate-core/server' from 'node_modules/@udecode/plate-utils/dist/index.js'

Require stack:
  node_modules/@udecode/plate-utils/dist/index.js
  node_modules/@udecode/plate-common/dist/index.js
  src/components/TextEditor/TextEditorToolbar/FontSizeButton.test.tsx

  at Resolver.resolveModule (node_modules/jest-resolve/build/resolver.js:324:11)
  at Object.<anonymous> (node_modules/@udecode/plate-utils/src/shared/defaultsDeepToNodes.ts:4:34)

[caspersf]

cc: @zbeyens

[caspersf]

Package versions:
"@udecode/plate-alignment": "^33.0.0",
"@udecode/plate-basic-marks": "^33.0.0",
"@udecode/plate-common": "^33.0.0",
"@udecode/plate-core": "^33.0.0",
"@udecode/plate-font": "^33.0.0",
"@udecode/plate-heading": "^33.0.1",
"@udecode/plate-indent": "^33.0.2",
"@udecode/plate-indent-list": "^33.0.2",
"@udecode/plate-juice": "^33.0.0",
"@udecode/plate-line-height": "^33.0.0",
"@udecode/plate-paragraph": "^33.0.0",
"@udecode/plate-serializer-docx": "^33.0.2",

[dimaanj]

Plate recently changed moduleResolution to Bundler in tsconfig. With this change you have to

• update typescript version to >=5 and use module Bundler option
• or make sure you are using at least Node.js 12 and module and moduleResolution NodeNext or Node16. With that you will have to add file extensions like .js and could keep typescript version lower than 5
  Provide a way to add the '.js' file extension to the end of module specifiers microsoft/TypeScript#16577

am I right @zbeyens ?

[caspersf]

Getting the same error on running yarn test, post upgrading Plate to v36.
Am I missing anything else @dimaanj @zbeyens ?

package.json

{
"dependencies": {
"@udecode/plate-alignment": "^36.0.11",
"@udecode/plate-basic-marks": "^36.0.0",
"@udecode/plate-common": "^36.5.8",
"@udecode/plate-core": "^36.5.8",
"@udecode/plate-font": "^36.0.0",
"@udecode/plate-heading": "^36.0.12",
"@udecode/plate-indent": "^36.0.0",
"@udecode/plate-indent-list": "^36.5.2",
"@udecode/plate-juice": "^36.0.0",
"@udecode/plate-line-height": "^36.0.0",
"@udecode/plate-paragraph": "^36.0.0",
"@udecode/plate-serializer-docx": "^36.5.8",
},
"devDependencies": {
"react": "^16.8.6",
"typescript": "^5.6.2",
"jest": "^29.7.0",
"@testing-library/jest-dom": "^6.5.0",
"@testing-library/react": "^12.1.4",
"@types/testing-library__jest-dom": "^6.0.0"
}
}

tsConfig.json
{
"compilerOptions": {
"baseUrl": "./src",
"sourceMap": true,
"declarationMap": true,
"allowJs": true,
"jsx": "react",
"target": "ES6",
"lib": ["dom", "dom.iterable", "esnext"],
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"allowUnreachableCode": false,
"noFallthroughCasesInSwitch": true,
"noUnusedParameters": true,
"outDir": "./dist",
"module": "Preserve",
"moduleResolution": "Bundler",
"noEmit": true,
"resolveJsonModule": true,
"isolatedModules": true,
"types": ["jest"],
"declaration": true,
"declarationDir": "./dist/typings/",
"experimentalDecorators": true,
},
"include": [
"src/**/*"
],
"exclude": ["node_modules", "dist"]
}

[zbeyens]

Fixed in plate 38

[caspersf]

Upgraded to v39, and now getting the following build error:

BREAKING CHANGE: The request 'react/jsx-runtime' failed to resolve only because it was resolved as fully specified
[0] (probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '.mjs' file, or a '.js' file where the package.json contains '"type": "module"').
[0] The extension in the request is mandatory for it to be fully specified.
[0] Add the extension to the request.
[0] resolve 'react/jsx-runtime' in '/home/casper/casper/repos/voyager-canvas-editor/node_modules/@radix-ui/react-slot/dist'
[0] Parsed request is a module
[0] using description file: /home/casper/casper/repos/voyager-canvas-editor/node_modules/@radix-ui/react-slot/package.json (relative path: ./dist)
[0] Field 'browser' doesn't contain a valid alias configuration
[0] resolve as module

I'm using react 16.8.6 and typescript5.6.2

CC: @zbeyens

[caspersf]

In addition to typescript^5 with "moduleResolution": "Bundler", in tsConfig.json, react ^17 is also required to upgrade to Plate v39.

Working fine after doing the above.
Thanks @zbeyens