diff --git a/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx b/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx
index a02283c7a73..af2bf68701f 100644
--- a/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx
+++ b/apps/studio/components/interfaces/Advisors/AdvisorRuleItem.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import { ChevronRight, Trash } from 'lucide-react'
 import { useQueryState } from 'nuqs'
 import { useState } from 'react'