How to rename the data index when filtering with FilterDropdown

          <Table.Column<BusinessProfile>
            dataIndex={['business_contract_data', 'business_type']}
            title="Business Type"
            render={(value) => <Tag color={value === 'commercial_business' ? 'blue' : 'orange'}>{value}</Tag>}
            filterDropdown={(props) => (
              <FilterDropdown {...props}>
                <Select
                  mode="multiple"
                  placeholder="Filter Business Type"
                  style={{ width: '150px' }}
                  options={[
                    { label: "Commercial Business", value: ContractBusinessType.COMMERCIAL_BUSINESS },
                    { label: "Freelancer", value: ContractBusinessType.FREELANCER },
                  ]}
                />
              </FilterDropdown>
            )}
          />

          <Table.Column<BusinessProfile>
            dataIndex={['business_contract_data', 'business_type']}
            title="Business Type"
            render={(value) => <Tag color={value === 'commercial_business' ? 'blue' : 'orange'}>{value}</Tag>}
            filterDropdown={(props) => (
              <FilterDropdown {...props}>
                <Select
                  mode="multiple"
                  placeholder="Filter Business Type"
                  style={{ width: '150px' }}
                  options={[
                    { label: "Commercial Business", value: ContractBusinessType.COMMERCIAL_BUSINESS },
                    { label: "Freelancer", value: ContractBusinessType.FREELANCER },
                  ]}
                />
              </FilterDropdown>
            )}
          />