Icons are not rendered.

[rinturj84]

Icons are not visible in the editor.
Issue reproduced in codesandbx.
https://codesandbox.io/s/infallible-smoke-lvcvo?fontsize=14&hidenavigation=1&theme=dark

[vankop]

do u using CRA ?
may be this is relevant to jsoneditor itself..
for webpack build u need appropriated loaders check this issue #16

[rinturj84]

I'm using React in Meteor app. Bundled using using default meteor bundler.

[rinturj84]

is there any update regarding this issue ?

[vankop]

I think it is a problem upstream or in your webpack config.. You could check storybook https://github.com/vankop/jsoneditor-react/tree/master/stories all staff works..

[vankop]

In provided example svg with icons loads, so probably you need to create issue in jsoneditor itself https://github.com/josdejong/jsoneditor/issues

[TrejGun]

In provided example svg with icons loads, so probably you need to create issue in jsoneditor itself https://github.com/josdejong/jsoneditor/issues

I cant see icons loaded in provided example too, neither in my app
https://codesandbox.io/s/infallible-smoke-lvcvo?fontsize=14&hidenavigation=1&theme=dark

[TheGitPanda]

Working to find a fix for this. Its one of those straight forward gotchas, must be

[TheGitPanda]

So it is indeed a webpack configuration issue. In my case I was using image-webpack-loader. But as soon as I changed my webpack config to use the following (begrudgingly), svgs and images are now loaded. Also ensure your Sass config is using resolve-url-loader and source map is enabled.

{
    test: /\.(png|jpg|gif|svg)$/,
    type: 'asset/resource',
}

[ypling]

I removed the config from webpack config from module.rules, and it worked
Looks like the css loader toke care of it.
{ test: /\.css$/, use: ['style-loader', 'css-loader'] }

[ng-aneesh]

Was this issue solved, I am facing the same issue