diff --git a/packages/utils/src/useAltDateWidgetProps.tsx b/packages/utils/src/useAltDateWidgetProps.tsx
index fb26170de0..5cab4cfc53 100644
--- a/packages/utils/src/useAltDateWidgetProps.tsx
+++ b/packages/utils/src/useAltDateWidgetProps.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { MouseEvent, useCallback, useEffect, useMemo, useState } from 'react';
 
 import dateRangeOptions from './dateRangeOptions';
diff --git a/packages/utils/src/useDeepCompareMemo.ts b/packages/utils/src/useDeepCompareMemo.ts
index 5907b82785..58c44f93ec 100644
--- a/packages/utils/src/useDeepCompareMemo.ts
+++ b/packages/utils/src/useDeepCompareMemo.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { useRef } from 'react';
 import isEqual from 'lodash/isEqual';
 
diff --git a/packages/utils/src/useFileWidgetProps.ts b/packages/utils/src/useFileWidgetProps.ts
index ce1e9c3624..74df65a912 100644
--- a/packages/utils/src/useFileWidgetProps.ts
+++ b/packages/utils/src/useFileWidgetProps.ts
@@ -1,3 +1,5 @@
+'use client';
+
 import { useCallback, useMemo } from 'react';
 
 import dataURItoBlob from './dataURItoBlob';