fix(richtext-slate): add use client to top of tsx files importing from payload core (#4312)

packages/richtext-slate/src/field/RichText.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { BaseEditor, BaseOperation } from 'slate'
 import type { HistoryEditor } from 'slate-history'
 import type { ReactEditor } from 'slate-react'

packages/richtext-slate/src/field/elements/EnabledRelationshipsCondition.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { SanitizedCollectionConfig } from 'payload/types'
 
 import { useConfig } from 'payload/components/utilities'

packages/richtext-slate/src/field/elements/link/Button/index.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { Fields } from 'payload/types'
 
 import { useModal } from '@faceless-ui/modal'

packages/richtext-slate/src/field/elements/link/Element/index.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { Fields } from 'payload/types'
 import type { HTMLAttributes } from 'react'
 

packages/richtext-slate/src/field/elements/link/LinkDrawer/index.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { Drawer } from 'payload/components/elements'
 import { Form, FormSubmit, RenderFields } from 'payload/components/forms'
 import { fieldTypes } from 'payload/components/forms'

packages/richtext-slate/src/field/elements/relationship/Button/Fields/index.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { RelationshipComponent } from 'payload/components/fields/Relationship'
 import { SelectComponent } from 'payload/components/fields/Select'
 import { useFormFields } from 'payload/components/forms'

packages/richtext-slate/src/field/elements/relationship/Button/index.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { useListDrawer } from 'payload/components/elements'
 import React, { Fragment, useCallback, useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'

packages/richtext-slate/src/field/elements/relationship/Element/index.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { HTMLAttributes } from 'react'
 
 import { Button } from 'payload/components'

packages/richtext-slate/src/field/elements/upload/Button/index.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import { useListDrawer } from 'payload/components/elements'
 import React, { Fragment, useCallback } from 'react'
 import { useTranslation } from 'react-i18next'

packages/richtext-slate/src/field/elements/upload/Element/UploadDrawer/index.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { SanitizedCollectionConfig } from 'payload/types'
 
 import { useModal } from '@faceless-ui/modal'

packages/richtext-slate/src/field/elements/upload/Element/index.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 import type { SanitizedCollectionConfig } from 'payload/types'
 import type { HTMLAttributes } from 'react'