diff --git a/templates/website/src/Footer/RowLabel.tsx b/templates/website/src/Footer/RowLabel.tsx
index a6f949459c6..09a76bde389 100644
--- a/templates/website/src/Footer/RowLabel.tsx
+++ b/templates/website/src/Footer/RowLabel.tsx
@@ -1,8 +1,9 @@
 'use client'
 import { Header } from '@/payload-types'
-import { RowLabelProps, useRowLabel } from '@payloadcms/ui'
+import { useRowLabel } from '@payloadcms/ui'
+import type { ArrayFieldClientProps } from 'payload'
 
-export const RowLabel: React.FC<RowLabelProps> = () => {
+export const RowLabel: React.FC<ArrayFieldClientProps> = () => {
   const data = useRowLabel<NonNullable<Header['navItems']>[number]>()
 
   const label = data?.data?.link?.label
diff --git a/templates/website/src/Header/RowLabel.tsx b/templates/website/src/Header/RowLabel.tsx
index a6f949459c6..09a76bde389 100644
--- a/templates/website/src/Header/RowLabel.tsx
+++ b/templates/website/src/Header/RowLabel.tsx
@@ -1,8 +1,9 @@
 'use client'
 import { Header } from '@/payload-types'
-import { RowLabelProps, useRowLabel } from '@payloadcms/ui'
+import { useRowLabel } from '@payloadcms/ui'
+import type { ArrayFieldClientProps } from 'payload'
 
-export const RowLabel: React.FC<RowLabelProps> = () => {
+export const RowLabel: React.FC<ArrayFieldClientProps> = () => {
   const data = useRowLabel<NonNullable<Header['navItems']>[number]>()
 
   const label = data?.data?.link?.label
diff --git a/templates/with-vercel-website/src/Footer/RowLabel.tsx b/templates/with-vercel-website/src/Footer/RowLabel.tsx
index 57e747495b2..09a76bde389 100644
--- a/templates/with-vercel-website/src/Footer/RowLabel.tsx
+++ b/templates/with-vercel-website/src/Footer/RowLabel.tsx
@@ -1,8 +1,9 @@
 'use client'
 import { Header } from '@/payload-types'
-import { RowLabelProps, useRowLabel } from '@payloadcms/ui'
+import { useRowLabel } from '@payloadcms/ui'
+import type { ArrayFieldClientProps } from 'payload'
 
-export const RowLabel: React.FC<RowLabelProps> = (props) => {
+export const RowLabel: React.FC<ArrayFieldClientProps> = () => {
   const data = useRowLabel<NonNullable<Header['navItems']>[number]>()
 
   const label = data?.data?.link?.label
diff --git a/templates/with-vercel-website/src/Header/RowLabel.tsx b/templates/with-vercel-website/src/Header/RowLabel.tsx
index 57e747495b2..09a76bde389 100644
--- a/templates/with-vercel-website/src/Header/RowLabel.tsx
+++ b/templates/with-vercel-website/src/Header/RowLabel.tsx
@@ -1,8 +1,9 @@
 'use client'
 import { Header } from '@/payload-types'
-import { RowLabelProps, useRowLabel } from '@payloadcms/ui'
+import { useRowLabel } from '@payloadcms/ui'
+import type { ArrayFieldClientProps } from 'payload'
 
-export const RowLabel: React.FC<RowLabelProps> = (props) => {
+export const RowLabel: React.FC<ArrayFieldClientProps> = () => {
   const data = useRowLabel<NonNullable<Header['navItems']>[number]>()
 
   const label = data?.data?.link?.label