build error using nextjs15

[babotaemin]

Reproduction steps

1. Copied the editor React code from the builder.
2. Set up the binding since the two-way binding wasn’t working.
3. The binding worked when I added the data property.
4. However, when this is done, there is a red underline in the cursor editor, and the build fails during the build process.

ckeditor5-code.txt

Current behavior

No response

Expected behavior

No response

Definition of Done

• Please leave this field for us. We will fill it during the backlog refinement session.

Relevant debug data

Other details

No response

User agent

web (chrome)

[Mati365]

Probably fixed in ckeditor/ckeditor5-react@2a7d015

[babotaemin]

The redline is still appearing in the data section, and the build fails when running next build.
How should I fix this

[Mati365]

@babotaemin Consider checking v9.5.0-alpha.0 version.

[babotaemin]

@Mati365 I appreciate your support. The redline issue in the data section disappeared when I set the version to v9.5.0-alpha.0.
However, when building in Next.js 15, I encounter the error: e.createElement is not a function.
Could this be due to SSR? What modifications should be made to ensure it works for everyone?
I have attached the source code for reference.
Thank you.

final_code.txt

[Mati365]

@babotaemin

I appreciate your support. The redline issue in the data section disappeared when I set the version to v9.5.0-alpha.0.

Glad to hear that, cool!

Could this be due to SSR? What modifications should be made to ensure it works for everyone?

The editor currently doesn’t support SSR. It should only be rendered after the component has mounted on the client side. You can achieve this using useEffect and dynamic import. Something like this:

import dynamic from 'next/dynamic';
import { useEffect, useState } from 'react';

const Editor = dynamic(() => import('your-editor-component'), { ssr: false });

export default function Page() {
  const [mounted, setMounted] = useState(false);

  useEffect(() => {
    setMounted(true);
  }, []);

  return <>{mounted && <Editor />}</>;
}

[babotaemin]

@Mati365 , thank you so much! Have a wonderful day! 😊