Encountering error when building

[sonyamusk]

Hello,

I'm trying to use this build of ckeditor for strapi v4 in my sub-folder or a sub-directory contained react-app. I already have this working perfectly in the strapi cms itself, however my userbase will be separated into two types, those who can access the Strapi CMS, and those who can only access the react app.

I want to use this exact build with the strapi media library button as well as the full screen button inside my react app, within strapi CMS. How can I use this ckeditor with these two custom buttons (strapi media library + full screen) within the react app as well?

That's my general goal, I did manage to install it however I am now running into problems in my terminal. Here is the error message when I use "yarn build" in my ubuntu inside my react-app:

Failed to compile.

SyntaxError: unknown: Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can set throwIfNamespace: false to bypass this warning.
6 | ...props
7 | }, svgRef) {

8 | return <svg enableBackground="new 0 0 32 32" height="32px" id="svg2" viewBox="0 0 32 32" width="32px" xmlSpace="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" ref={svgRef} aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null};
| ^^^^^^^^
9 | }
10 |
11 | const ForwardRef = React.forwardRef(SvgFullscreenBig);

error Command failed with exit code 1.

Does anyone know why this ckeditor build is not working?