CKEditorError: Permission denied to access property Symbol.toStringTag Read more: https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-Permission denied to access property Symbol.toStringTag

[Nazeh-Taha]

📝 Provide detailed reproduction steps (if any)

1.Code:

import { CKEditor } from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

/**
 * 
 * @param {{
 * textContent: string,
 * classes: boolean, 
 * handleEditorChange: Function, 
 * }} param0 
 */
export default function TextEditor({
    textContent = '',
    handleEditorChange,
    classes = {}
}) {
    
    return (
        <div className={classes}>
            <CKEditor className={classes}
                editor={ClassicEditor}
                data={textContent}
                onChange={handleEditorChange} />
        </div>
    );
};

2. Scenario:
   The error happened when I press around the editor component and the error show just inside the console without effect in the UI.

3. Error message:

Uncaught CKEditorError: Permission denied to access property Symbol.toStringTag
Read more: https://ckeditor.com/docs/ckeditor5/latest/framework/guides/support/error-codes.html#error-Permission denied to access property Symbol.toStringTag

📃 Other details

• Browser: Firefox Developer Edition
• OS: Windows 10
• First affected CKEditor version: "@ckeditor/ckeditor5-build-classic": "^23.1.0",
  "@ckeditor/ckeditor5-react": "^3.0.0",
• Installed CKEditor plugins: …

---

[FilipTokarski]

Hi, thanks for the report. This issue is known and we are already tracking it here.

I'll close this as a duplicate.