feat: remove why did you render from production build

* chore: update @welldone-software/why-did-you-render package * feat: include why did you render package only in dev build * chore: add changeset file
TheSoftwareHouse · Apr 18, 2024 · 837ede0 · 837ede0
1 parent bac05e6
commit 837ede0
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 6 deletions.
diff --git a/.changeset/dull-mayflies-double.md b/.changeset/dull-mayflies-double.md
@@ -0,0 +1,5 @@
+---
+"react-starter-boilerplate": patch
+---
+
+exclude whyDidYouRender from production bundle
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -83,7 +83,7 @@
     "@typescript-eslint/parser": "6.6.0",
     "@vitejs/plugin-react-swc": "3.3.2",
     "@vitest/coverage-v8": "0.34.4",
-    "@welldone-software/why-did-you-render": "7.0.1",
+    "@welldone-software/why-did-you-render": "8.0.1",
     "babelsheet2": "0.0.12",
     "babelsheet2-json-writer": "0.0.4",
     "babelsheet2-reader": "0.0.6",

diff --git a/src/wdyr.ts b/src/wdyr.ts
@@ -1,7 +1,8 @@
 import React from 'react';
-import whyDidYouRender from '@welldone-software/why-did-you-render';
 
 if (import.meta.env.DEV) {
+  const { default: whyDidYouRender } = await import('@welldone-software/why-did-you-render');
+
   whyDidYouRender(React, {
     trackHooks: true,
     trackAllPureComponents: true,