Use transformQuery in recursion tip

Author: jakeboone02

docs/api/misc.mdx

@@ -42,7 +42,7 @@ function convertQuery(query: RuleGroupTypeIC): RuleGroupType;
 
 `convertQuery` toggles a query between the conventional `RuleGroupType` structure (with combinators at the group level) and the "independent combinators" structure (`RuleGroupTypeIC`, used with the [`independentCombinators` prop](./querybuilder#independentcombinators)).
 
-`convertToIC` and `convertFromIC` do the same thing as `convertQuery`, but only in one direction.
+`convertToIC` and `convertFromIC` do the same thing as `convertQuery`, but only in the directions indicated by their respective names.
 
 ### `transformQuery`
 

docs/tips/adding-removing-query-properties.mdx

@@ -35,7 +35,31 @@ console.log(formatQuery(query, 'json_without_ids'));
 
 ## Adding properties
 
-To produce a query object with additional properties, you can loop through the `rules` array recursively. In the example below (from [issue #226](https://github.com/react-querybuilder/react-querybuilder/issues/226)), the `inputType` from the `fields` array is added to each rule.
+To produce a query object with additional properties, you can loop through the `rules` array recursively. The [`transformQuery`](../api/misc#transformquery) function is provided for use cases such as this.
+
+In the example below (inspired by [issue #226](https://github.com/react-querybuilder/react-querybuilder/issues/226)), the `inputType` from the `fields` array is added to each rule.
+
+```ts
+import type { Field, RuleGroupType, RuleType } from 'react-querybuilder';
+import { transformQuery } from 'react-querybuilder';
+
+const fields: Field[] = [
+  { name: 'description', label: 'Description', inputType: 'string' },
+  { name: 'price', label: 'Price', inputType: 'number' },
+];
+
+const ruleProcessor = (r: RuleType): RuleType & { inputType?: string } => ({
+  ...r,
+  inputType: fields.find(f => f.name === r.field)?.inputType,
+});
+
+const result = transformQuery(query, { ruleProcessor });
+```
+
+<details>
+<summary>Manual recursion</summary>
+
+This example (_directly_ from [issue #226](https://github.com/react-querybuilder/react-querybuilder/issues/226)) demonstrates manual recursion to achieve exactly the same result as the `transformQuery` example above.
 
 ```ts
 import type { Field, RuleGroupType, RuleType } from 'react-querybuilder';
@@ -62,3 +86,5 @@ const processGroup = (rg: RuleGroupType): RuleGroupType => ({
 
 const result = processGroup(query);
 ```
+
+</details>