diff --git a/packages/ui-patterns/src/ComplexTabs/withQueryParams.tsx b/packages/ui-patterns/src/ComplexTabs/withQueryParams.tsx
index d4d2434aaa5..f2e0ce89c4b 100644
--- a/packages/ui-patterns/src/ComplexTabs/withQueryParams.tsx
+++ b/packages/ui-patterns/src/ComplexTabs/withQueryParams.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { useSearchParamsShallow } from 'common'
 import { xor } from 'lodash'
 import { Children, useEffect, useRef, type FC, type PropsWithChildren } from 'react'