fix example

Author: xiaoxinghu

examples/next-with-app-dir/orga-components.tsx

@@ -1,14 +1,13 @@
-import { OrgaComponents } from '@orgajs/orgx'
+import type { OrgaComponents } from '@orgajs/orgx'
 import Image from 'next/image'
 
+// This file is required to use Orga in `app` directory.
 export function useOrgaComponents(components: OrgaComponents) {
+  // Allows customizing built-in components, e.g. use next/image.
   return {
     ...components,
     img: (props: any) => (
-      <div>
-        <pre>{JSON.stringify(props, null, 2)}</pre>
-        <Image alt={''} sizes="100vw" width={100} height={100} {...props} />
-      </div>
+      <Image alt={''} sizes="100vw" width={100} height={100} {...props} />
     ),
   }
 }

examples/next-with-app-dir/package.json

@@ -16,8 +16,8 @@
     "eslint": "8.39.0",
     "eslint-config-next": "13.3.4",
     "next": "13.3.2",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "rehype-pretty-code": "^0.9.5",
     "typescript": "5.0.4"
   }