[IgrGrid] Programmatic initial Filtering?

[mddifilippo89]

How do you filter programmatically?

filteringExpressionsTree assigned to the grid results in errors and incompatibility.

WC
eg.

https://codesandbox.io/p/sandbox/strange-tu-9d8dfl

How to get this working in React?
https://codesandbox.io/p/sandbox/vigilant-river-8vf3gl

const gridFilteringExpressionsTree = new IgrFilteringExpressionsTree(
FilteringLogic.And
);
const productFilteringExpressionsTree = new IgrFilteringExpressionsTree(
FilteringLogic.And,
"ProductName"
);
const productExpression = {
condition: IgrStringFilteringOperand.instance().condition("contains"),
fieldName: "ProductName",
ignoreCase: true,
searchVal: "c",
};
productFilteringExpressionsTree.filteringOperands.push(productExpression);
gridFilteringExpressionsTree.filteringOperands.push(
productFilteringExpressionsTree
);

      this.grid.filteringExpressionsTree = gridFilteringExpressionsTree;

[mddifilippo89]

@dkamburov
Can you take a look at this? There is some discrepancy with IgrStringFilteringOperand.

Property 'instance' does not exist on type 'typeof IgrStringFilteringOperand'.typescript(2339)

Tried to add "new" but with no luck

const productExpression = {
condition: new IgrStringFilteringOperand()
.instance()
.condition("contains"),
fieldName: "ProductName",
ignoreCase: true,
searchVal: "c",
};