chore: semantics

packages/live-preview-react/src/index.ts

@@ -8,14 +8,14 @@ import { useCallback, useEffect, useState } from 'react'
 
 export const useLivePreview = <T extends any>(props: {
   depth?: number
-  initialPage: T
+  initialData: T
   serverURL: string
 }): {
   data: T
   isLoading: boolean
 } => {
-  const { depth = 0, initialPage, serverURL } = props
+  const { depth = 0, initialData, serverURL } = props
-  const [data, setData] = useState<T>(initialPage)
+  const [data, setData] = useState<T>(initialData)
   const [isLoading, setIsLoading] = useState<boolean>(true)
 
   const onChange = useCallback((mergedData) => {
@@ -27,14 +27,14 @@ export const useLivePreview = <T extends any>(props: {
     const subscription = subscribe({
       callback: onChange,
       depth,
-      initialData: initialPage,
+      initialData,
       serverURL,
     })
 
     return () => {
       unsubscribe(subscription)
     }
-  }, [serverURL, onChange, depth, initialPage])
+  }, [serverURL, onChange, depth, initialData])
 
   return {
     data,

test/live-preview/next-app/app/page.client.tsx

@@ -18,7 +18,7 @@ export const Page: React.FC<Props> = (props) => {
   const { initialPage } = props
 
   const { data, isLoading } = useLivePreview<PageType>({
-    initialPage,
+    initialData: initialPage,
     serverURL: PAYLOAD_SERVER_URL,
   })