diff --git a/package.json b/package.json
index ee49e01..b106289 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@spotxyz/virtual-background",
-  "version": "0.1.0-custom5",
+  "version": "0.1.0-custom6",
   "description": "Demo on adding virtual background to a live video stream in the browser",
   "homepage": "https://github.com/spotxyz/virtual-background",
   "repository": "https://github.com/spotxyz/virtual-background.git",
diff --git a/src/pipelines/webgl2/webgl2Pipeline.ts b/src/pipelines/webgl2/webgl2Pipeline.ts
index 59285ce..f1d4b22 100644
--- a/src/pipelines/webgl2/webgl2Pipeline.ts
+++ b/src/pipelines/webgl2/webgl2Pipeline.ts
@@ -19,9 +19,11 @@ import { buildJointBilateralFilterStage } from './jointBilateralFilterStage'
 import { buildLoadSegmentationStage } from './loadSegmentationStage'
 import { buildResizingStage } from './resizingStage'
 import { buildSoftmaxStage } from './softmaxStage'
-import { useMemo } from "react";
 
-export function buildWebGL2Pipeline(
+let prevCanvas: HTMLCanvasElement;
+let gl: WebGL2RenderingContext;
+
+export const buildWebGL2Pipeline = (
   sourcePlayback: SourcePlayback,
   backgroundImage: HTMLImageElement | null,
   backgroundConfig: BackgroundConfig,
@@ -29,7 +31,7 @@ export function buildWebGL2Pipeline(
   canvas: HTMLCanvasElement,
   tflite: TFLite,
   addFrameEvent: () => void
-) {
+) => {
   const vertexShaderSource = glsl`#version 300 es
 
     in vec2 a_position;
@@ -48,7 +50,11 @@ export function buildWebGL2Pipeline(
     segmentationConfig.inputResolution
   ]
 
-  const gl = useMemo(() => canvas.getContext('webgl2')!, [canvas]);
+  // Prevent unnecessary canvas contexts from being created
+  if(canvas !== prevCanvas){
+    gl = canvas.getContext('webgl2')!;
+  }
+  prevCanvas = canvas;
 
   const vertexShader = compileShader(gl, gl.VERTEX_SHADER, vertexShaderSource)