i have use two separate components jsonforms and react-json-tree, one is edit or create json and other(i.e tree structure in right side) for displaying view only... i want to highlight the field on json-tree that i am editing on left side(on josonforms)... i just want to highight ex.nc_weight:1 ...value of nc_weight both the packages are not related to each other is that possible to highlight the specific field of react-json-tree ,onchange of jsonforms (left side form)?? this is my jsonform
const [data, setData] = useState(Person.data);
</div>` <div className={classes.demoform}>
<JsonForms
schema={Person.schema}
uischema={Person.uischema}
data={data}
renderers={renderers}
cells={materialCells}
onChange={({ data}) => {setData(data)} }
/>
</div>`
======================== and this is react-json-tree
<JSONTree data={data} shouldExpandNode={() => true}
valueRenderer={(valueAsString,value,keyPath) =><em >{value}</em>}
// theme={theme}
theme={{
value:{
color: 'red',
textDecoration: 'underline'
},
}}
/>