A SIMPLE REACT COMPONENT WHICH CAN COMPARE TWO JSON VISUALLY

it is easy for you to use this component to show the differece of two json

u can customize the styles by cover the css class

USAGE

yarn add react-json-compare-viewer"

import JsonFormat from 'react-json-compare-viewer'

<div>{ JsonFormat( {a: 1}, {a: 2} ) }</div>

if u r use webpack5, u may encounter an error which say process is not defined.

because webpack5 do not include polyfills for nodejs

u can try add the following code to webpack config after yarn add process

...
plugins: [
    ...
    new webpack.ProvidePlugin({
      process: 'process/browser',
    }),
    ...
]