don't throw error

.vscode/settings.json

@@ -1,6 +1,7 @@
 {
   "editor.tabSize": 2,
   "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.tabCompletion": "on",
   "[typescript]": {
     "editor.codeActionsOnSave": {

packages/react/src/index.tsx

@@ -1,7 +1,7 @@
-'use client';
+"use client";
 
-import { init, trackEvent, type AptabaseOptions } from '@aptabase/web';
+import { init, trackEvent, type AptabaseOptions } from "@aptabase/web";
-import { createContext, useContext, useEffect } from 'react';
+import { createContext, useContext, useEffect } from "react";
 
 globalThis.__APTABASE_SDK_VERSION__ = `aptabase-react@${process.env.PKG_VERSION}`;
 
@@ -27,15 +27,20 @@ export function AptabaseProvider({ appKey, options, children }: Props) {
     init(appKey, options);
   }, [appKey, options]);
 
-  return <AptabaseContext.Provider value={{ appKey, options }}>{children}</AptabaseContext.Provider>;
+  return (
+    <AptabaseContext.Provider value={{ appKey, options }}>
+      {children}
+    </AptabaseContext.Provider>
+  );
 }
 
 export function useAptabase(): AptabaseClient {
   const ctx = useContext(AptabaseContext);
-  if (!ctx) {
+  if (!ctx.appKey) {
-    throw new Error(
+    console.error(
-      'useAptabase must be used within AptabaseProvider. Did you forget to wrap your app in <AptabaseProvider>?',
+      "Aptabase: useAptabase must be used within AptabaseProvider. Did you forget to wrap your app in <AptabaseProvider>?"
     );
+    return { trackEvent: () => Promise.resolve() };
   }
 
   return { trackEvent };