Converting Minikit To Farcaster

MiniKit to Farcaster SDK

Breaking Changes (SDK v0.2.0+)

1. sdk.context is a Promise — must await
2. sdk.isInMiniApp() accepts no parameters
3. sdk.actions.setPrimaryButton() has no onClick callback

Check version: npm list @farcaster/miniapp-sdk

Quick Reference

Context Access Pattern

// WRONG
const fid = sdk.context?.user?.fid;

// CORRECT
const context = await sdk.context;
const fid = context?.user?.fid;

In React components, use state:

const [context, setContext] = useState(null);

useEffect(() => {
  const load = async () => {
    const ctx = await sdk.context;
    setContext(ctx);
  };
  load();
}, []);

Conversion Workflow

1. Verify Node.js >= 22.11.0
2. Update dependencies — see DEPENDENCIES.md
3. Replace imports: @coinbase/onchainkit/minikit → @farcaster/miniapp-sdk
4. Convert hooks using reference above
5. Add FrameProvider — see PROVIDER.md
6. Update manifest: frame → miniapp — see MANIFEST.md

Common Errors

"Property 'user' does not exist on type 'Promise'" → Await sdk.context before accessing properties

"Expected 0 arguments, but got 1" → Remove parameters from sdk.isInMiniApp()

Context is null in components → Ensure FrameProvider is in your provider chain

References

• MAPPING.md — Complete hook-by-hook conversion reference
• EXAMPLES.md — Before/after code examples
• PROVIDER.md — Provider setup with FrameProvider
• PITFALLS.md — Common errors and solutions
• DEPENDENCIES.md — Package updates
• AUTH.md — Quick Auth migration
• MANIFEST.md — farcaster.json changes