@@ -86,7 +86,7 @@ import { useMiniKit } from '@coinbase/onchainkit/minikit';
export default function ClientSpecificFeatures() {
const { context } = useMiniKit();
-
+
const isBaseApp = context.client.clientFid === '309857';
const isFarcaster = context.client.clientFid === '1';
@@ -128,14 +128,14 @@ export default function AnalyticsTracker() {
## Usage Notes
### Frame Readiness
-Always call `setFrameReady()` once your Mini App has finished initial loading:
+Always call `setMiniAppReady()` once your Mini App has finished initial loading:
-```tsx components/FrameReady.tsx
+```tsx components/MiniAppReady.tsx
useEffect(() => {
- if (!isFrameReady) {
- setFrameReady();
+ if (!isMiniAppReady) {
+ setMiniAppReady();
}
-}, [setFrameReady, isFrameReady]);
+}, [setMiniAppReady, isMiniAppReady]);
```
### Context Data Security
diff --git a/docs/onchainkit/latest/components/minikit/overview.mdx b/docs/onchainkit/latest/components/minikit/overview.mdx
index e1f7a308a..09ce0e566 100644
--- a/docs/onchainkit/latest/components/minikit/overview.mdx
+++ b/docs/onchainkit/latest/components/minikit/overview.mdx
@@ -67,7 +67,7 @@ Add MiniKit to your existing Next.js application.
### Frame Lifecycle
Mini Apps run within Farcaster frames and must signal readiness:
1. **Initialize** MiniKitProvider in your app root
-2. **Signal readiness** with `setFrameReady()` in your main component
+2. **Signal readiness** with `setMiniAppReady()` in your main component
3. **Handle interactions** through MiniKit hooks
### Context vs Authentication
@@ -91,4 +91,4 @@ Configure MiniKitProvider and initialize frame context.
Complete reference for all MiniKit React hooks.
-
\ No newline at end of file
+
diff --git a/docs/onchainkit/latest/components/minikit/provider-and-initialization.mdx b/docs/onchainkit/latest/components/minikit/provider-and-initialization.mdx
index 6c3906224..b8194412e 100644
--- a/docs/onchainkit/latest/components/minikit/provider-and-initialization.mdx
+++ b/docs/onchainkit/latest/components/minikit/provider-and-initialization.mdx
@@ -68,13 +68,13 @@ import { useMiniKit } from '@coinbase/onchainkit/minikit';
import { useEffect } from 'react';
export default function App() {
- const { setFrameReady, isFrameReady } = useMiniKit();
+ const { setMiniAppReady, isMiniAppReady } = useMiniKit();
useEffect(() => {
- if (!isFrameReady) {
- setFrameReady();
+ if (!isMiniAppReady) {
+ setMiniAppReady();
}
- }, [setFrameReady, isFrameReady]);
+ }, [setMiniAppReady, isMiniAppReady]);
return (
@@ -89,10 +89,10 @@ export default function App() {
The `useMiniKit` hook provides access to frame state and user context:
```tsx any-component.tsx
-const {
- setFrameReady,
- isFrameReady,
- context
+const {
+ setMiniAppReady,
+ isMiniAppReady,
+ context
} = useMiniKit();
```