fix: prevent loading and overriding CanvasKit multiple times

Shopify · Jan 6, 2024 · e299b1e · e299b1e
1 parent 4ee9621
commit e299b1e
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/package/src/web/LoadSkiaWeb.tsx b/package/src/web/LoadSkiaWeb.tsx
@@ -10,11 +10,14 @@ declare global {
   var CanvasKit: CanvasKitType;
 }
 
+let ckSharedPromise: Promise<CanvasKitType>;
+
 export const LoadSkiaWeb = async (opts?: CanvasKitInitOptions) => {
   if (global.CanvasKit !== undefined) {
     return;
   }
-  const CanvasKit = await CanvasKitInit(opts);
+  ckSharedPromise = ckSharedPromise ?? CanvasKitInit(opts);
+  const CanvasKit = await ckSharedPromise;
   // The CanvasKit API is stored on the global object and used
   // to create the JsiSKApi in the Skia.web.ts file.
   global.CanvasKit = CanvasKit;