Mozilla Firefox - this.boundedEvents is undefined - RichTextBox

[Oleg Hinz]

Hello,

when im trying to add multiple (in my case 3) RichTextEditors on one page, get the following errors in Mozilla Firefox. In Chrome it works fine without any err or messages. I installed the package today so i think i have the current version of the RichTextBox.

PS: I add these Components through a map-function.

Best regards

        <Box className="flex flex-col h-full">

            {items.map((item, index) =>

                <Card key={index} className="flex flex-col h-full">

                    <MeinTextEditor />

                </Card>

            )}

        </Box>

 

 

[Vinitha Jeyakumar]

Hi Oleg Hinz,

We suspect that the reported issue occurred due to the duplicate packages or due to the package cache in your application. Please follow the below steps to resolve this, 

      • Go to the ‘node_modules’ folder, find the ‘@syncfusion’ folder and delete it.

      • Now delete the ‘package-lock.json’ file from the root directory of the project.

      • Now run command ‘npm cache clean –force’.

      • The run the command ‘npm install’.

      • After the dependencies are installed, run the application.

Please get back to us, if still issue persists at your end.

Regards,

Vinitha

[Oleg Hinz]

Hi Vinitha,

I did what you suggested but unfortunately that didn't help, I still get the same error in firefox.

[Vinitha Jeyakumar]

Hi Oleg Hinz,

We have tried to replicate the issue, but couldn't reproduce the reported issue at our end, we have also prepared a sample for your reference. Can you please ensure whether you have used same package version for all the Syncfusion components? If not, make sure to update all the packages in the same version to avoid version conflict.

Sample: https://stackblitz.com/edit/react-fnwfse?file=index.js

If still issue persists, share us with the simple issue replicating runnable sample to validate further.

Regards,

Vinitha

[Oleg Hinz]

Hi Vinitha,

if i add a fixed number of RTE (like in your example) i don't get the problem either.

In my case im adding dynamically RTED's throug a map function and the error occurs in this case.

But i found a solution: When im using useState() for rteObject instead of "let" the error is gone.

  const [rteObj, setRteObj] = useState();

 

Thank you very much for your help

[Vinitha Jeyakumar]

Hi Oleg Hinz,

We are glad that your issue has been resolved. Please get back to us if you need any further assistance.

Regards,

Vinitha