[Web Components] Input/Edit does not render

[kidroca]

There's an error:

Uncaught ReferenceError: Fragment is not defined

Maybe we would have to use a wrapper element like div instead of a Fragment so that the React component can be converted correctly

[kidroca]

This is partially fixed but I found another issue happening

The way React-Web is build assets paths might be referenced incorrectly

The components bundled in index.js are referencing check~UBWjaIYR.svg as src="check~UBWjaIYR.svg" which does not resolve from the project folder of the web-components
We should somehow tell the src that the image is in the same folder, or copy the dist content when we build the web-components project
The problem might also be in the web components conversion ...

[kendrick]

The 3 SVGs in the screenshot should eventually be converted to Icon components, which I think will solve the issue. If we’re not ready to implement Icons here yet, copying the SVG to web-components and referencing it locally is fine for the short-term.