diff --git a/src/frontend/src/hooks/UseFilter.tsx b/src/frontend/src/hooks/UseFilter.tsx
index 2ae5399c04f7..b10a151082f6 100644
--- a/src/frontend/src/hooks/UseFilter.tsx
+++ b/src/frontend/src/hooks/UseFilter.tsx
@@ -44,7 +44,15 @@ export function useFilters(props: UseFilterProps) {
});
const choices: TableFilterChoice[] = useMemo(() => {
- return query.data?.map(props.transform) ?? [];
+ let opts = query.data?.map(props.transform) ?? [];
+
+ // Ensure stringiness
+ return opts.map((opt: any) => {
+ return {
+ value: opt.value.toString(),
+ label: opt?.label?.toString() ?? opt.value.toString()
+ };
+ });
}, [props.transform, query.data]);
const refresh = useCallback(() => {
diff --git a/src/frontend/src/tables/ColumnSelect.tsx b/src/frontend/src/tables/ColumnSelect.tsx
index f0d83f8ecde9..cf858111058e 100644
--- a/src/frontend/src/tables/ColumnSelect.tsx
+++ b/src/frontend/src/tables/ColumnSelect.tsx
@@ -12,7 +12,7 @@ export function TableColumnSelect({
return (