diff --git a/changelog/0002.md b/changelog/0002.md
new file mode 100644
index 00000000..fc1ab561
--- /dev/null
+++ b/changelog/0002.md
@@ -0,0 +1,3 @@
+### Fixed
+
+- replace deprecate WebGL1Render with WebGLRender
diff --git a/src/js/sketch/distort/init.js b/src/js/sketch/distort/init.js
index 818c681d..bf36c48f 100644
--- a/src/js/sketch/distort/init.js
+++ b/src/js/sketch/distort/init.js
@@ -13,7 +13,7 @@ export default function (id, options = {}) {
     height = () => window.innerHeight,
   } = options
   const canvas = document.getElementById(id)
-  const renderer = new THREE.WebGL1Renderer({
+  const renderer = new THREE.WebGLRenderer({
     antialias: false,
     canvas: canvas,
     alpha: true,