loadFromJsonLogic is not working as expected.

[themonk-e]

I have requirement of allowing the users to edit the rules. So I need load back the json to the query builder using loadfromJsonLogic().

I tried with the example you have provided in the readme.

The method loadFromJsonLogic() has a return type of ImmutableTree|undefined which is causing the issue. Is there any resolve for this?

[ukrbublik]

It's a simple type issue.
You can resolve eg. with QbUtils.loadFromJsonLogic!(...) or QbUtils.loadFromJsonLogic(...) as ImmutableTree
Or

const initialTreeFromJsonLogic = QbUtils.loadFromJsonLogic();
if (initialTreeFromJsonLogic) {
  // ...
}

[themonk-e]

Thanks. Following that I have been stuck in the loadFromJsonLogic

Here am dynamically setting the fields and loading the hardcoded JSON with using loadFromJsonLogic. This for the "EDIT" functionality of my application.

This how it comes out. even though the JSON has the RHS values it is not appearing during the execution.

I'm doing something wrong in this, can you help on this?

[ukrbublik]

Did you override valueSourcesInfo in settings?
Did you override valueSources: ["value"] for your fields (LastName, DateOfBirth) ?

[themonk-e]

No I did not override that

[themonk-e]

the above is the config before setting fields.

after updation of fields

[themonk-e]

video_20250122_181421.mp4

something unusual happening. ID one is having the fields like LastName DateOfBirth. When ID 1 is chosen it RHS is not appearing. But when choose 2. RHS appears. but the LHS is not changed. And ID 2 doesnt have the fields like LastName and DateOfBirth at all.

Am I making any mistakes in the states?

[ukrbublik]

Please create a full reproducible demo in codesandbox.io

[themonk-e]

https://codesandbox.io/p/github/themonk-e/ReactRuleBuilder/sandbox

I have replicated the setup. In my requirement, we have a Windows application that will host this React Query Builder. The Windows application will provide the fields JSON to the React app. Here, I have simulated this behavior using a list of objects.

[ukrbublik]

Releasing 6.6.11 which should fix your issue

[themonk-e]

Thanks for the timely resolution. It had solved the issue when I choose the ID from the drop down it loads the JSON correctly. Now when ID 2 is being it might have a different json at that time it throws no config found error

to reproduce choose any ID from the dropdown. It works fine. now choose the other ID it throws error. I have added the code in the same sandbox

[ukrbublik]

Your second issue can be fixed by using

    updatedConfig = {
      ...updatedConfig,
      fields: updatedFields
    };

instead of

updatedConfig.fields = updatedFields;