onChange of value in dropdown in cell, rerenders the complete table.

// all columns 
const columns = useMemo(
    () => [
      .
      .
      {
        Header: "Warehouse",
        accessor: "", // accessor is the "key" in the data
        Cell: ({ value, row }) => {
          return (
            <>
              <Select
                placeholder="Select option"
                w="10vw"
                value={selectedWarehouse.name}
                onChange={(e) => {
                         setSelectedWarehouse(e.target.value, row.original);
                }}
              >
                {row.original.pincode_serviceable_by.map((warehouse) => (
                  <React.Fragment key={warehouse.warehouseInfo.alias_name}>
                    <option value={warehouse.warehouseInfo.alias_name}>
                      {warehouse.warehouseInfo.alias_name}
                    </option>
                  </React.Fragment>
                ))}
              </Select>
            </>
          );
        },
      },
   .
   .
   .
    ],
    [selectedStore]

// all columns 
const columns = useMemo(
    () => [
      .
      .
      {
        Header: "Warehouse",
        accessor: "", // accessor is the "key" in the data
        Cell: ({ value, row }) => {
          return (
            <>
              <Select
                placeholder="Select option"
                w="10vw"
                value={selectedWarehouse.name}
                onChange={(e) => {
                         setSelectedWarehouse(e.target.value, row.original);
                }}
              >
                {row.original.pincode_serviceable_by.map((warehouse) => (
                  <React.Fragment key={warehouse.warehouseInfo.alias_name}>
                    <option value={warehouse.warehouseInfo.alias_name}>
                      {warehouse.warehouseInfo.alias_name}
                    </option>
                  </React.Fragment>
                ))}
              </Select>
            </>
          );
        },
      },
   .
   .
   .
    ],
    [selectedStore]

setSelectedWarehouse: (warehouse, data) => {
//filtering warehouse
    let filteredWarehouse = data.pincode_serviceable_by.filter(
      (service) => service.warehouseInfo.alias_name === warehouse
    )[0];

// getting courier for selected ware house
    let availableCouriersData = filteredWarehouse.serviceAvailblity.filter(
      (courier) => courier.code === 200
    );

// if I skip this setting state dropdown will work as expected
    set({
      availableCouriers: availableCouriersData,
    });
  }

setSelectedWarehouse: (warehouse, data) => {
//filtering warehouse
    let filteredWarehouse = data.pincode_serviceable_by.filter(
      (service) => service.warehouseInfo.alias_name === warehouse
    )[0];

// getting courier for selected ware house
    let availableCouriersData = filteredWarehouse.serviceAvailblity.filter(
      (courier) => courier.code === 200
    );

// if I skip this setting state dropdown will work as expected
    set({
      availableCouriers: availableCouriersData,
    });
  }

const [tableData, setTableData] = useState([]);
 const { isLoading, data, error } =useGetOrderFromDbById(selectedStore);
  useEffect(() => {
    if (data) {
      setTableData(data);
    }
  }, [data]);
//table
   <OrdersTable columns={columns} data={tableData} />

const [tableData, setTableData] = useState([]);
 const { isLoading, data, error } =useGetOrderFromDbById(selectedStore);
  useEffect(() => {
    if (data) {
      setTableData(data);
    }
  }, [data]);
//table
   <OrdersTable columns={columns} data={tableData} />