How to keep the filter after refresh on Antd Table?

        <Table.Column dataIndex="customer_id" title="Customer"
          render={(value) => {
            if (customerIsLoading) {
              return <>Loading...</>;
            } else {
              return <Link href={`/customer/show/${value}`}>{customerData?.data?.find((item) => item.id === value)?.name}</Link>;
            }
          }}
          // Filter Dropdown: Filter by Customer
          filterDropdown={(props) => (
            <FilterDropdown {...props}>
              <Select
                style={{ width: '200px' }}
                placeholder="Filter by customer"
                mode="multiple"
                options={customerData?.data?.map((item) => ({
                  value: item.id,
                  label: item.name,
                }))}
              />
            </FilterDropdown>
          )}
        />

        <Table.Column dataIndex="customer_id" title="Customer"
          render={(value) => {
            if (customerIsLoading) {
              return <>Loading...</>;
            } else {
              return <Link href={`/customer/show/${value}`}>{customerData?.data?.find((item) => item.id === value)?.name}</Link>;
            }
          }}
          // Filter Dropdown: Filter by Customer
          filterDropdown={(props) => (
            <FilterDropdown {...props}>
              <Select
                style={{ width: '200px' }}
                placeholder="Filter by customer"
                mode="multiple"
                options={customerData?.data?.map((item) => ({
                  value: item.id,
                  label: item.name,
                }))}
              />
            </FilterDropdown>
          )}
        />