Skip to content

NextJs16 React 19 Parsing CSS error jodit-react #1340

@m4rko80

Description

@m4rko80

Jodit Version

5.3.21

Browser

Chrome

Operating System

Windows

Is React App?

No

Reproduced on xdsoft.net?

No

Code to reproduce

//just install jodit-react with nextjs 16(latest) + react 19 

/*index.tsx*/
'use client'

import dynamic from 'next/dynamic'

export const RichTextEditor = dynamic(() => import('./Editor'), {
  ssr: false,
  loading: () => <p>Loading...</p>,
})

/*Editor.tsx*/
import { useState, useRef, useMemo, useCallback, useEffect } from 'react'
import JoditEditor from 'jodit-react'

type EditorProps = {
  readonly onChange?: (value: string) => void
  readonly value?: string
  readonly readOnly?: boolean
}

export default function Editor({
  value,
  readOnly = false,
  onChange,
}: EditorProps) {

  return (
    <JoditEditor/>
  )
}

Expected behavior

I would expect to see the editor (it works with Nextjs 14.* without any issues).

Actual behavior

Image

This is the first error shown. I tried to fix it with "patch-package": "^8.0.1" + "postinstall": "patch-package" overriding its css but others ccs errors pop up and i can't fix all the rules one by one.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions