Change event not triggered on custom widget

[L043910]

We are building a application using react awesome query builder by adding a custom widget which is treeSelect. But after selecting the value from treeSelect the values are not passed to the query. Can you share an example or can you help us in solving this

[ukrbublik]

See example of TreeSelect on antd:
https://github.com/ukrbublik/react-awesome-query-builder/blob/master/packages/antd/modules/widgets/value/TreeSelect.jsx

Custom widget has prop setValue you should use.

[L043910]

Hi I am still getting the same issue

I have my custom component defined as

const TreeApp = (props:WidgetProps) => {
const onChange = (newValue: any) => {
props.setValue(newValue)
setValue(newValue);
return newValue
};

return (
<TreeSelect
treeDataSimpleMode
showSearch
style={{ minWidth: '200px' }}
value={value}
dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
placeholder="Please select"
multiple
treeCheckable
onDropdownVisibleChange={initailLoad}
// onChange={onChange}
//onChange={(e) => props.handleOnChange(onChange(e))}
onChange={(e)=>onChange}
treeData={treeData}
loadData={onLoadData}
/>
);
};
export default TreeApp;

My query builder config as

treemultiselect: {
type: 'treemultiselect',
valueSrc: 'value',
factory: (props) => <TreeApp {...props} />,
// formatValue: (val, _fieldDef, _wgtDef, isForDisplay) => (isForDisplay ? val.toString() : JSON.stringify(val)),
formatValue: (val, _fieldDef, _wgtDef, isForDisplay=true) => {
console.log(val)
return val
},
elasticSearchFormatValue:(esQueryType, val, op, field, config)=> {
console.log(val)
return val
},
showCheckboxes:true,
showSearch:true,
customProps: {
maxLength: 3
},
},

My onchange event in the querybuilder is

const onChange = (immutableTree: ImmutableTree, config: Config) => {
console.log("change")
updateResult(immutableTree, config);
};

Can you share an example or let me know how to fix this

[ukrbublik]

If you still have an issue, could you please provide a sample code in CodeSandbox, so I can try it and reproduce it?