jazz-tools 0.19.21 → 0.20.0

package/package.json

@@ -52,11 +52,6 @@
       "types": "./dist/expo/index.d.ts",
       "default": "./dist/expo/index.js"
     },
-    "./expo/crypto": {
-      "@jazz-tools/source": "./src/expo/crypto.ts",
-      "types": "./dist/expo/crypto.d.ts",
-      "default": "./dist/expo/crypto.js"
-    },
     "./expo/testing": {
       "@jazz-tools/source": "./src/expo/testing.tsx",
       "types": "./dist/expo/testing.d.ts",
@@ -116,11 +111,6 @@
       "types": "./dist/react-native/index.d.ts",
       "default": "./dist/react-native/index.js"
     },
-    "./react-native/crypto": {
-      "@jazz-tools/source": "./src/react-native/crypto.ts",
-      "types": "./dist/react-native/crypto.d.ts",
-      "default": "./dist/react-native/crypto.js"
-    },
     "./react-native/testing": {
       "@jazz-tools/source": "./src/react-native/testing.tsx",
       "types": "./dist/react-native/testing.d.ts",
@@ -135,11 +125,6 @@
       "types": "./dist/react-native-core/index.d.ts",
       "default": "./dist/react-native-core/index.js"
     },
-    "./react-native-core/crypto": {
-      "@jazz-tools/source": "./src/react-native-core/crypto/index.ts",
-      "types": "./dist/react-native-core/crypto.d.ts",
-      "default": "./dist/react-native-core/crypto.js"
-    },
     "./react-native-core/testing": {
       "@jazz-tools/source": "./src/react-native-core/testing.tsx",
       "types": "./dist/react-native-core/testing.d.ts",
@@ -198,20 +183,20 @@
       "types": "./dist/worker/edge-wasm.d.ts",
       "default": "./dist/worker/edge-wasm.js"
     },
+    "./wasm": {
+      "@jazz-tools/source": "./src/worker/wasm.ts",
+      "types": "./dist/worker/wasm.d.ts",
+      "default": "./dist/worker/wasm.js"
+    },
     "./napi": {
       "@jazz-tools/source": "./src/worker/napi-crypto.ts",
       "types": "./dist/worker/napi-crypto.d.ts",
       "default": "./dist/worker/napi-crypto.js"
-    },
-    "./react-native-core/crypto/RNCrypto": {
-      "@jazz-tools/source": "./src/react-native-core/crypto/RNCrypto.ts",
-      "types": "./dist/react-native-core/crypto/RNCrypto.d.ts",
-      "default": "./dist/react-native-core/crypto/RNCrypto.js"
     }
   },
   "type": "module",
   "license": "MIT",
-  "version": "0.19.21",
+  "version": "0.20.0",
   "dependencies": {
     "@manuscripts/prosemirror-recreate-steps": "^0.1.4",
     "@scure/base": "1.2.1",
@@ -228,9 +213,9 @@
     "prosemirror-transform": "^1.9.0",
     "use-sync-external-store": "^1.5.0",
     "zod": "4.1.11",
-    "cojson": "0.19.21",
-    "cojson-storage-indexeddb": "0.19.21",
-    "cojson-transport-ws": "0.19.21"
+    "cojson": "0.20.0",
+    "cojson-storage-indexeddb": "0.20.0",
+    "cojson-transport-ws": "0.20.0"
   },
   "devDependencies": {
     "@scure/bip39": "^1.3.0",
@@ -270,7 +255,6 @@
     "react-native-mmkv": "^3.3.0",
     "react-native-nitro-modules": "^0.26.4",
     "react-native-passkey": "^3.0.0",
-    "react-native-quick-crypto": "^1.0.0-beta.21",
     "sharp": "^0.33.5",
     "svelte": "^5.0.0"
   },
@@ -320,9 +304,6 @@
     "react-native-passkey": {
       "optional": true
     },
-    "react-native-quick-crypto": {
-      "optional": true
-    },
     "sharp": {
       "optional": true
     },

package/src/better-auth/auth/react.tsx

@@ -1,7 +1,10 @@
 "use client";
 
 import { createAuthClient } from "better-auth/client";
-import { useAuthSecretStorage, useJazzContext } from "jazz-tools/react-core";
+import {
+  useAuthSecretStorage,
+  useJazzContextValue,
+} from "jazz-tools/react-core";
 import { useEffect } from "react";
 import { type PropsWithChildren } from "react";
 import { jazzPluginClient } from "./client.js";
@@ -35,7 +38,7 @@ export function AuthProvider({
 }: PropsWithChildren<{
   betterAuthClient: AuthClient;
 }>) {
-  const context = useJazzContext();
+  const context = useJazzContextValue();
   const authSecretStorage = useAuthSecretStorage();
 
   if (betterAuthClient.jazz === undefined) {

package/src/browser/createBrowserContext.ts

@@ -21,7 +21,6 @@ import {
   createAnonymousJazzContext,
 } from "jazz-tools";
 import { createJazzContext } from "jazz-tools";
-import { StorageConfig, getStorageOptions } from "./storageOptions.js";
 import { setupInspector } from "./utils/export-account-inspector.js";
 import { getBrowserLockSessionProvider } from "./provideBrowserLockSession/index.js";
 
@@ -30,7 +29,7 @@ setupInspector();
 export type BaseBrowserContextOptions = {
   sync: SyncConfig;
   reconnectionTimeout?: number;
-  storage?: StorageConfig;
+  storage?: "indexedDB";
   crypto?: CryptoProvider;
   authSecretStorage: AuthSecretStorage;
 };
@@ -52,11 +51,9 @@ async function setupPeers(options: BaseBrowserContextOptions) {
   const crypto = options.crypto || (await WasmCrypto.create());
   let node: LocalNode | undefined = undefined;
 
-  const { useIndexedDB } = getStorageOptions(options.storage);
-
   const peers: Peer[] = [];
 
-  const storage = useIndexedDB ? await getIndexedDBStorage() : undefined;
+  const storage = await getIndexedDBStorage();
 
   if (options.sync.when === "never") {
     return {

package/src/expo/auth/clerk/index.tsx

@@ -6,7 +6,10 @@ import {
   CoValueFromRaw,
   KvStoreContext,
 } from "jazz-tools";
-import { useAuthSecretStorage, useJazzContext } from "jazz-tools/react-core";
+import {
+  useAuthSecretStorage,
+  useJazzContextValue,
+} from "jazz-tools/react-core";
 import { JazzProviderProps } from "jazz-tools/react-native-core";
 import React from "react";
 import { useEffect, useMemo, useState } from "react";
@@ -14,7 +17,7 @@ import { JazzExpoProvider } from "../../provider.js";
 import { ExpoSecureStoreAdapter } from "../../storage/expo-secure-store-adapter.js";
 
 function useJazzClerkAuth(clerk: MinimalClerkClient) {
-  const context = useJazzContext();
+  const context = useJazzContextValue();
   const authSecretStorage = useAuthSecretStorage();
 
   if ("guest" in context) {

package/src/inspector/contexts/node.tsx

@@ -7,7 +7,6 @@ import {
 } from "react";
 import { CoID, LocalNode, RawAccount } from "cojson";
 import { WasmCrypto } from "cojson/crypto/WasmCrypto";
-import type { PureJSCrypto } from "cojson/dist/crypto/PureJSCrypto";
 import { createWebSocketPeer } from "cojson-transport-ws";
 
 type NodeContextType = {
@@ -40,7 +39,7 @@ type NodeProviderProps = PropsWithChildren<{
   server?: string;
 }>;
 
-let crypto: WasmCrypto | PureJSCrypto | null = null;
+let crypto: WasmCrypto | null = null;
 
 async function getCrypto() {
   if (crypto) return crypto;

package/src/inspector/index.tsx

@@ -1,12 +1,12 @@
 import React, { useEffect, useState } from "react";
 import { setup } from "goober";
-import { useJazzContext } from "jazz-tools/react-core";
+import { useJazzContextValue } from "jazz-tools/react-core";
 import { Account } from "jazz-tools";
 import { InspectorInApp } from "./in-app.js";
 import { Position } from "./viewer/inspector-button.js";
 
 export function JazzInspector({ position = "right" }: { position?: Position }) {
-  const context = useJazzContext<Account>();
+  const context = useJazzContextValue<Account>();
   const localNode = context.node;
   const me = "me" in context ? context.me : undefined;
 

package/src/media/create-image/react-native.ts

@@ -1,8 +1,7 @@
-import { NativeModules } from "react-native";
 import type ImageResizerType from "@bam.tech/react-native-image-resizer";
 import type ImageManipulatorType from "expo-image-manipulator";
 import type { Account, Group } from "jazz-tools";
-import { FileStream } from "jazz-tools";
+import { co, type FileStream } from "jazz-tools";
 import { Image } from "react-native";
 import { createImageFactory } from "../create-image-factory";
 
@@ -108,7 +107,8 @@ async function getPlaceholderBase64(filePath: string): Promise<string> {
       );
     }
 
-    return base64;
+    // Convert base64 to data URL
+    return "data:image/png;base64," + base64;
   }
 }
 
@@ -147,7 +147,7 @@ async function resize(
   }
 }
 
-function getMimeType(filePath: string): Promise<string> {
+async function getMimeType(filePath: string): Promise<string> {
   return fetch(filePath)
     .then((res) => res.blob())
     .then((blob) => blob.type);
@@ -167,9 +167,11 @@ export async function createFileStreamFromSource(
   const blob = await fetch(filePath).then((res) => res.blob());
   const arrayBuffer = await toArrayBuffer(blob);
 
-  return FileStream.createFromArrayBuffer(arrayBuffer, blob.type, undefined, {
-    owner,
-  });
+  return co
+    .fileStream()
+    .createFromArrayBuffer(arrayBuffer, blob.type, undefined, {
+      owner,
+    });
 }
 
 // TODO: look for more efficient way to do this as React Native hasn't blob.arrayBuffer()

package/src/media/create-image-factory.test.ts

@@ -162,8 +162,8 @@ describe("createImage", async () => {
     expect(image).toBeDefined();
     expect(image.originalSize).toEqual([1920, 400]);
     expect(image.placeholderDataURL).not.toBeDefined();
-
     expect(image[`256x53`]).toBeDefined();
+    expect(image[`512x107`]).toBeDefined();
     expect(image[`1024x213`]).toBeDefined();
     expect(image[`2048x427`]).not.toBeDefined();
 

package/src/media/create-image-factory.ts

@@ -154,7 +154,7 @@ async function createImage<TSourceType, TResizeOutput>(
   if (options?.progressive) {
     imageCoValue.$jazz.set("progressive", true);
 
-    const resizes = ([256, 1024, 2048] as const).filter(
+    const resizes = ([256, 512, 1024, 2048] as const).filter(
       (s) =>
         s <
         Math.max(imageCoValue.originalSize[0], imageCoValue.originalSize[1]),

package/src/react/auth/Clerk.tsx

@@ -8,12 +8,15 @@ import {
   KvStoreContext,
 } from "jazz-tools";
 import { LocalStorageKVStore } from "jazz-tools/browser";
-import { useAuthSecretStorage, useJazzContext } from "jazz-tools/react-core";
+import {
+  useAuthSecretStorage,
+  useJazzContextValue,
+} from "jazz-tools/react-core";
 import { ReactNode, useEffect, useMemo, useState } from "react";
 import { JazzProviderProps, JazzReactProvider } from "../provider.js";
 
 function useJazzClerkAuth(clerk: MinimalClerkClient) {
-  const context = useJazzContext();
+  const context = useJazzContextValue();
   const authSecretStorage = useAuthSecretStorage();
 
   if ("guest" in context) {

package/src/react/auth/PasskeyAuth.tsx

@@ -2,7 +2,7 @@ import { BrowserPasskeyAuth } from "jazz-tools/browser";
 import {
   useAuthSecretStorage,
   useIsAuthenticated,
-  useJazzContext,
+  useJazzContextValue,
 } from "jazz-tools/react-core";
 import { useMemo, useState } from "react";
 
@@ -23,7 +23,7 @@ export function usePasskeyAuth({
   appName: string;
   appHostname?: string;
 }) {
-  const context = useJazzContext();
+  const context = useJazzContextValue();
   const authSecretStorage = useAuthSecretStorage();
 
   if ("guest" in context) {

package/src/react/hooks.tsx

@@ -2,7 +2,7 @@ import { consumeInviteLinkFromWindowLocation } from "jazz-tools/browser";
 import { useEffect } from "react";
 
 import { CoValueClassOrSchema } from "jazz-tools";
-import { useJazzContext } from "jazz-tools/react-core";
+import { useJazzContextValue } from "jazz-tools/react-core";
 
 export function useAcceptInvite<S extends CoValueClassOrSchema>({
   invitedObjectSchema,
@@ -13,7 +13,7 @@ export function useAcceptInvite<S extends CoValueClassOrSchema>({
   onAccept: (valueID: string) => void;
   forValueHint?: string;
 }): void {
-  const context = useJazzContext();
+  const context = useJazzContextValue();
 
   if (!("me" in context)) {
     throw new Error(
@@ -46,6 +46,7 @@ export function useAcceptInvite<S extends CoValueClassOrSchema>({
 
 export {
   experimental_useInboxSender,
+  useJazzContextValue,
   useJazzContext,
   useAuthSecretStorage,
   useAccount,

package/src/react/provider.tsx

@@ -3,15 +3,20 @@ import {
   AccountClass,
   AnyAccountSchema,
   CoValueFromRaw,
-  InstanceOfSchema,
-  JazzContextType,
 } from "jazz-tools";
 import {
   JazzBrowserContextManager,
   JazzContextManagerProps,
 } from "jazz-tools/browser";
-import { JazzContext, JazzContextManagerContext } from "jazz-tools/react-core";
-import React, { useEffect, useRef } from "react";
+import { JazzContext } from "jazz-tools/react-core";
+import React, {
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useSyncExternalStore,
+} from "react";
 
 export type JazzProviderProps<
   S extends
@@ -43,6 +48,12 @@ export function JazzReactProvider<
   fallback = null,
   authSecretStorageKey,
 }: JazzProviderProps<S>) {
+  if (useContext(JazzContext)) {
+    throw new Error(
+      "You can't nest a JazzProvider inside another JazzProvider.",
+    );
+  }
+
   const [contextManager] = React.useState(
     () =>
       new JazzBrowserContextManager<S>({
@@ -56,45 +67,40 @@ export function JazzReactProvider<
   const onAnonymousAccountDiscardedRefCallback = useRefCallback(
     onAnonymousAccountDiscarded,
   );
-  const logoutReplacementActiveRef = useRef(false);
-  logoutReplacementActiveRef.current = Boolean(logOutReplacement);
-  const onAnonymousAccountDiscardedEnabled = Boolean(
-    onAnonymousAccountDiscarded,
-  );
 
-  const value = React.useSyncExternalStore<
-    JazzContextType<InstanceOfSchema<S>> | undefined
-  >(
-    React.useCallback(
-      (callback) => {
-        const props = {
-          AccountSchema,
-          guestMode,
-          sync,
-          storage,
-          defaultProfileName,
-          onLogOut: onLogOutRefCallback,
-          logOutReplacement: logoutReplacementActiveRef.current
-            ? logOutReplacementRefCallback
-            : undefined,
-          onAnonymousAccountDiscarded: onAnonymousAccountDiscardedEnabled
-            ? onAnonymousAccountDiscardedRefCallback
-            : undefined,
-        } satisfies JazzContextManagerProps<S>;
+  const props = useMemo(() => {
+    return {
+      AccountSchema,
+      guestMode,
+      sync,
+      storage,
+      defaultProfileName,
+      onLogOut: onLogOutRefCallback,
+      logOutReplacement: logOutReplacement
+        ? logOutReplacementRefCallback
+        : undefined,
+      onAnonymousAccountDiscarded: onAnonymousAccountDiscarded
+        ? onAnonymousAccountDiscardedRefCallback
+        : undefined,
+    } satisfies JazzContextManagerProps<S>;
+  }, [guestMode, sync.peer, sync.when, storage]);
 
-        if (contextManager.propsChanged(props)) {
-          contextManager.createContext(props).catch((error) => {
-            console.log(error.stack);
-            console.error("Error creating Jazz browser context:", error);
-          });
-        }
+  if (contextManager.propsChanged(props) && typeof window !== "undefined") {
+    contextManager.createContext(props).catch((error) => {
+      console.log(error.stack);
+      console.error("Error creating Jazz browser context:", error);
+    });
+  }
 
+  const isReady = useSyncExternalStore(
+    useCallback(
+      (callback) => {
         return contextManager.subscribe(callback);
       },
-      [sync, guestMode].concat(storage as any),
+      [contextManager],
     ),
-    () => contextManager.getCurrentValue(),
-    () => contextManager.getCurrentValue(),
+    () => Boolean(contextManager.getCurrentValue()),
+    () => Boolean(contextManager.getCurrentValue()),
   );
 
   useEffect(() => {
@@ -108,10 +114,8 @@ export function JazzReactProvider<
   }, []);
 
   return (
-    <JazzContext.Provider value={value}>
-      <JazzContextManagerContext.Provider value={contextManager}>
-        {value ? children : fallback}
-      </JazzContextManagerContext.Provider>
+    <JazzContext.Provider value={contextManager}>
+      {isReady ? children : fallback}
     </JazzContext.Provider>
   );
 }

package/src/react-core/auth/DemoAuth.tsx

@@ -1,6 +1,6 @@
 import { DemoAuth } from "jazz-tools";
 import { useEffect, useMemo, useState } from "react";
-import { useAuthSecretStorage, useJazzContext } from "../hooks.js";
+import { useAuthSecretStorage, useJazzContextValue } from "../hooks.js";
 import { useIsAuthenticated } from "../hooks.js";
 
 /**
@@ -14,7 +14,7 @@ import { useIsAuthenticated } from "../hooks.js";
  * @category Auth Providers
  */
 export function useDemoAuth() {
-  const context = useJazzContext();
+  const context = useJazzContextValue();
   const authSecretStorage = useAuthSecretStorage();
 
   if ("guest" in context) {

package/src/react-core/auth/PassphraseAuth.tsx

@@ -1,6 +1,6 @@
 import { PassphraseAuth } from "jazz-tools";
 import { useCallback, useMemo, useSyncExternalStore } from "react";
-import { useAuthSecretStorage, useJazzContext } from "../hooks.js";
+import { useAuthSecretStorage, useJazzContextValue } from "../hooks.js";
 import { useIsAuthenticated } from "../hooks.js";
 
 /**
@@ -14,7 +14,7 @@ import { useIsAuthenticated } from "../hooks.js";
  * @category Auth Providers
  */
 export function usePassphraseAuth({ wordlist }: { wordlist: string[] }) {
-  const context = useJazzContext();
+  const context = useJazzContextValue();
   const authSecretStorage = useAuthSecretStorage();
 
   if ("guest" in context) {

package/src/react-core/hooks.ts

@@ -19,7 +19,6 @@ import {
   InboxSender,
   InstanceOfSchema,
   JazzContextManager,
-  JazzContextType,
   Loaded,
   MaybeLoaded,
   NotLoaded,
@@ -32,13 +31,13 @@ import {
   getUnloadedCoValueWithoutId,
   type BranchDefinition,
 } from "jazz-tools";
-import { JazzContext, JazzContextManagerContext } from "./provider.js";
+import { JazzContext } from "./provider.js";
 import { getCurrentAccountFromContextManager } from "./utils.js";
 import { CoValueSubscription } from "./types.js";
 import { use } from "./use.js";
 
 export function useJazzContext<Acc extends Account>() {
-  const value = useContext(JazzContext) as JazzContextType<Acc>;
+  const value = useContext(JazzContext) as JazzContextManager<Acc, {}>;
 
   if (!value) {
     throw new Error(
@@ -49,31 +48,31 @@ export function useJazzContext<Acc extends Account>() {
   return value;
 }
 
-export function useJazzContextManager<Acc extends Account>() {
-  const value = useContext(JazzContextManagerContext) as JazzContextManager<
-    Acc,
-    {}
-  >;
+export function useJazzContextValue<Acc extends Account>() {
+  const contextManager = useJazzContext<Acc>();
 
-  if (!value) {
+  const context = useSyncExternalStore(
+    useCallback(
+      (callback) => {
+        return contextManager.subscribe(callback);
+      },
+      [contextManager],
+    ),
+    () => contextManager.getCurrentValue(),
+    () => contextManager.getCurrentValue(),
+  );
+
+  if (!context) {
     throw new Error(
-      "You need to set up a JazzProvider on top of your app to use this hook.",
+      "The JazzProvider is not initialized yet. This looks like a bug, please report it.",
     );
   }
 
-  return value;
+  return context;
 }
 
 export function useAuthSecretStorage() {
-  const value = useContext(JazzContextManagerContext);
-
-  if (!value) {
-    throw new Error(
-      "You need to set up a JazzProvider on top of your app to use this useAuthSecretStorage.",
-    );
-  }
-
-  return value.getAuthSecretStorage();
+  return useJazzContext().getAuthSecretStorage();
 }
 
 export function useIsAuthenticated() {
@@ -122,7 +121,7 @@ interface SubscriptionsState {
   schema: CoValueClassOrSchema;
   ids: readonly (string | undefined | null)[];
   resolve: ResolveQuery<any>;
-  contextManager: ReturnType<typeof useJazzContextManager>;
+  contextManager: ReturnType<typeof useJazzContext>;
   agent: AnonymousJazzAgent | Loaded<any, true>;
   branchName?: string;
   branchOwnerId?: string;
@@ -142,7 +141,7 @@ function useCoValueSubscriptions(
   resolve: ResolveQuery<any>,
   branch?: BranchDefinition,
 ): (SubscriptionScope<CoValue> | null)[] {
-  const contextManager = useJazzContextManager();
+  const contextManager = useJazzContext();
   const agent = useAgent();
 
   const callerStack = useMemo(() => captureStack(), []);
@@ -536,7 +535,7 @@ export function useAccountSubscription<
     unstable_branch?: BranchDefinition;
   },
 ) {
-  const contextManager = useJazzContextManager();
+  const contextManager = useJazzContext();
 
   // Capture stack trace at hook call time
   const callerStack = useMemo(() => captureStack(), []);
@@ -783,7 +782,7 @@ export function useSuspenseAccount<
  * Returns a function for logging out of the current account.
  */
 export function useLogOut(): () => void {
-  const contextManager = useJazzContextManager();
+  const contextManager = useJazzContext();
   return contextManager.logOut;
 }
 
@@ -798,7 +797,7 @@ export function useLogOut(): () => void {
 export function useAgent<
   A extends AccountClass<Account> | AnyAccountSchema = typeof Account,
 >(): AnonymousJazzAgent | Loaded<A, true> {
-  const contextManager = useJazzContextManager<InstanceOfSchema<A>>();
+  const contextManager = useJazzContext<InstanceOfSchema<A>>();
 
   const getCurrentValue = () =>
     getCurrentAccountFromContextManager(contextManager) as
@@ -821,7 +820,7 @@ export function experimental_useInboxSender<
   I extends CoValue,
   O extends CoValue | undefined,
 >(inboxOwnerID: string | undefined) {
-  const context = useJazzContext();
+  const context = useJazzContextValue();
 
   if (!("me" in context)) {
     throw new Error(
@@ -868,7 +867,7 @@ export function experimental_useInboxSender<
  * after 5 seconds of not receiving a ping from the server.
  */
 export function useSyncConnectionStatus() {
-  const context = useJazzContext();
+  const context = useJazzContextValue();
 
   const connected = useSyncExternalStore(
     useCallback(

package/src/react-core/provider.tsx

@@ -1,11 +1,7 @@
 import React from "react";
 
-import { Account, JazzContextManager, JazzContextType } from "jazz-tools";
+import { Account, JazzContextManager } from "jazz-tools";
 
 export const JazzContext = React.createContext<
-  JazzContextType<Account> | undefined
->(undefined);
-
-export const JazzContextManagerContext = React.createContext<
   JazzContextManager<Account, {}> | undefined
 >(undefined);

package/src/react-core/testing.tsx

@@ -1,7 +1,7 @@
 import { Account, AnonymousJazzAgent } from "jazz-tools";
 import { TestJazzContextManager } from "jazz-tools/testing";
 import { useCallback, useState, useSyncExternalStore } from "react";
-import { JazzContext, JazzContextManagerContext } from "./provider.js";
+import { JazzContext } from "./provider.js";
 
 export function JazzTestProvider<Acc extends Account>({
   children,
@@ -18,17 +18,9 @@ export function JazzTestProvider<Acc extends Account>({
     });
   });
 
-  const value = useSyncExternalStore(
-    useCallback((callback) => contextManager.subscribe(callback), []),
-    () => contextManager.getCurrentValue(),
-    () => contextManager.getCurrentValue(),
-  );
-
   return (
-    <JazzContext.Provider value={value}>
-      <JazzContextManagerContext.Provider value={contextManager}>
-        {children}
-      </JazzContextManagerContext.Provider>
+    <JazzContext.Provider value={contextManager}>
+      {children}
     </JazzContext.Provider>
   );
 }