Re-render select column

[mehmetaltann]

Hi, I would have a question. In my code, data columns are as follows
I am using react-select in one column. i have no problem with this part

const columns = [
      { ...keyColumn("date", dateColumn), title: "Tarih" },
      { ...keyColumn("title", textColumn), title: "Konu" },
      { ...keyColumn("categoryB", textColumn), title: "Kategori B" },
      {
        ...keyColumn(
          "CategoryB",
          selectColumn({
            choices: catBList,
          })
        ),
        title: "CategoryB",
      },
      { ...keyColumn("amount", floatColumn), title: "Tutar" },
      { ...keyColumn("description", textColumn), title: "Açıklama" },
    ];

Options for react-select come from elsewhere, outside of datasheet, a state.

const [catBList,setCatBList]=useState([])

useEffect(()=> {
let catBListItem = categories
      .filter((cat) => cat.type === open.type)
      .filter((cat) => cat.categoryA === selectedCatA)
      .map((catA, index) => ({ value: catA.categoryB, label: catA.categoryB }));
setCatBList(catBListItem),
[selectedCatA]}

When these external option values change (selectedCatA), I want the inside react-select values in the table to change. But it doesn't happen because the datasheet is not re-rendered. I tried a lot but couldn't find a solution. I will be grateful if you could help me