diff --git a/src/collections/Forms/DynamicFieldSelector.tsx b/src/collections/Forms/DynamicFieldSelector.tsx
index db4df57..36dbd8f 100644
--- a/src/collections/Forms/DynamicFieldSelector.tsx
+++ b/src/collections/Forms/DynamicFieldSelector.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import React, { useEffect, useState } from 'react'
 import { Select, useForm } from 'payload/components/forms'
 import { TextField } from 'payload/dist/fields/config/types'
diff --git a/src/collections/Forms/DynamicPriceSelector.tsx b/src/collections/Forms/DynamicPriceSelector.tsx
index ca99888..830f8c4 100644
--- a/src/collections/Forms/DynamicPriceSelector.tsx
+++ b/src/collections/Forms/DynamicPriceSelector.tsx
@@ -1,3 +1,5 @@
+'use client'
+
 import React, { useEffect, useState } from 'react';
 import { Text, useWatchForm } from 'payload/components/forms';
 import { Props as TextFieldType } from 'payload/dist/admin/components/forms/field-types/Text/types';