diff --git a/.changeset/seven-apricots-provide.md b/.changeset/seven-apricots-provide.md new file mode 100644 index 00000000000..2a251b4bfad --- /dev/null +++ b/.changeset/seven-apricots-provide.md @@ -0,0 +1,5 @@ +--- +'@shopify/polaris': patch +--- + +Fixed issue with setting local pinned filters in `Filters` when no `appliedFilters` were provided. diff --git a/polaris-react/src/components/Filters/Filters.tsx b/polaris-react/src/components/Filters/Filters.tsx index 9f3eb70017c..fdfe3987e7a 100644 --- a/polaris-react/src/components/Filters/Filters.tsx +++ b/polaris-react/src/components/Filters/Filters.tsx @@ -165,9 +165,9 @@ export function Filters({ ); useEffect(() => { - const allAppliedFilterKeysInLocalPinnedFilters = appliedFilterKeys?.every( - (value) => localPinnedFilters.includes(value), - ); + const allAppliedFilterKeysInLocalPinnedFilters = + !appliedFilterKeys || + appliedFilterKeys.every((value) => localPinnedFilters.includes(value)); if (!allAppliedFilterKeysInLocalPinnedFilters) { setLocalPinnedFilters((currentLocalPinnedFilters: string[]): string[] => {