列をstateを利用してset関数から動的に変更しても、グリッドの列が変更した順で表示されません。

この問題はバージョン5.20242.30で修正されました。

修正版を適用しない場合の回避方法は次の通りです。

useEffectフックを使用してstateが更新された後、手動で列を並べ替えます。

useEffect(() => {
  if (columns.length > 0 && grid) {
    const bindingMap: any = {};
    columns.forEach((item: any, index) => {
      bindingMap[item.props.binding] = index;
    });
    grid.columns.sort((a: any, b: any) => {
      return bindingMap[a.binding] - bindingMap[b.binding];
    });
  }
}, [columns]);