diff --git a/editor/package.json b/editor/package.json
index 851e42231d6d..e98a9c5d2dd3 100644
--- a/editor/package.json
+++ b/editor/package.json
@@ -359,7 +359,7 @@
     "@typescript-eslint/eslint-plugin": "6.7.2",
     "@typescript-eslint/parser": "6.7.2",
     "@vitejs/plugin-react": "4.0.4",
-    "@welldone-software/why-did-you-render": "5.0.0-rc.1",
+    "@welldone-software/why-did-you-render": "8.0.3",
     "babel-jest": "29.7.0",
     "babel-loader": "9.1.3",
     "benny": "3.7.1",
diff --git a/editor/pnpm-lock.yaml b/editor/pnpm-lock.yaml
index 79cf29dcbfa4..7b6db7be12db 100644
--- a/editor/pnpm-lock.yaml
+++ b/editor/pnpm-lock.yaml
@@ -149,7 +149,7 @@ specifiers:
   '@use-it/interval': 0.1.3
   '@vercel/stega': 0.1.0
   '@vitejs/plugin-react': 4.0.4
-  '@welldone-software/why-did-you-render': 5.0.0-rc.1
+  '@welldone-software/why-did-you-render': 8.0.3
   ajv: 6.4.0
   anser: 2.1.0
   antd: 4.3.5
@@ -578,7 +578,7 @@ devDependencies:
   '@typescript-eslint/eslint-plugin': 6.7.2_vsdm6ojneopp5detnqlussxyaq
   '@typescript-eslint/parser': 6.7.2_fpfu7yh6q2wfuzfvg5n4si24jy
   '@vitejs/plugin-react': 4.0.4_vite@4.4.8
-  '@welldone-software/why-did-you-render': 5.0.0-rc.1_react@18.1.0
+  '@welldone-software/why-did-you-render': 8.0.3_react@18.1.0
   babel-jest: 29.7.0_@babel+core@7.23.6
   babel-loader: 9.1.3_dtbhlbjtqhosenncixjdp7t7em
   benny: 3.7.1
@@ -5926,10 +5926,10 @@ packages:
       webpack-dev-server: 4.15.1_w46lltld4evug5kpkz4iei6qt4
     dev: true
 
-  /@welldone-software/why-did-you-render/5.0.0-rc.1_react@18.1.0:
-    resolution: {integrity: sha512-LksaD/9/q11cNn07iorxtBAJk3MPLULV48TTf6sMw/33YpCWNzOvLUEaWb6Ai1ob2BgUAwLkOh69MaE0winLqQ==}
+  /@welldone-software/why-did-you-render/8.0.3_react@18.1.0:
+    resolution: {integrity: sha512-bb5bKPMStYnocyTBVBu4UTegZdBqzV1mPhxc0UIV/S43KFUSRflux9gvzJfu2aM4EWLJ3egTvdjOi+viK+LKGA==}
     peerDependencies:
-      react: '>=16.13'
+      react: ^18
     dependencies:
       lodash: 4.17.21
       react: 18.1.0_47cciibm4ysmleigs33s763fqu
diff --git a/editor/src/templates/editor-entry-point-imports.tsx b/editor/src/templates/editor-entry-point-imports.tsx
index 928b3f60e1a0..3c4df8b27b00 100644
--- a/editor/src/templates/editor-entry-point-imports.tsx
+++ b/editor/src/templates/editor-entry-point-imports.tsx
@@ -1,5 +1,5 @@
 // import * as React from 'react'
-// const whyDidYouRender = require('@welldone-software/why-did-you-render')
+// import whyDidYouRender from '@welldone-software/why-did-you-render'
 // whyDidYouRender(React, {
 //   trackAllPureComponents: true,
 // })