diff --git a/docs/pages/nextjs-14.mdx b/docs/pages/nextjs-14.mdx
index 6358382a..e8570063 100644
--- a/docs/pages/nextjs-14.mdx
+++ b/docs/pages/nextjs-14.mdx
@@ -37,14 +37,14 @@ At the top of the file, simply add:
 
 To avoid marking an entire page as a Client Component, you can create a basic wrapper around any component, which you can then use throughout your application:
 
-```jsx copy showLineNumbers
+```tsx copy showLineNumbers
 "use client";
 
-import { CldImage as CldImageDefault, CldImageProps } from 'next-cloudinary';
+import { CldImage as CldImageDefault, type CldImageProps } from 'next-cloudinary';
 
 const CldImage = (props: CldImageProps) => {
-  return <CldImageDefault {...props} />
-}
+  return <CldImageDefault {...props} />;
+};
 
 export default CldImage;
 ```
@@ -67,9 +67,13 @@ import { getCldOgImageUrl } from 'next-cloudinary';
 export const metadata = {
   openGraph: {
     ...
-    images: getCldOgImageUrl({
-      src: '<Public ID>'
-    })
+    images: [
+      {
+        url: getCldOgImageUrl({
+          src: 'your-public-id'
+        })
+      }
+    ]
   },
 };
 ```