fix: fix wdyr issues with hooks order (#167)

Author: MieszkoTSH

src/index.tsx

@@ -1,4 +1,6 @@
-import './wdyr';
+if (import.meta.env.DEV) {
+  import.meta.glob('./wdyr.ts', { eager: true });
+}
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';

src/wdyr.ts

@@ -1,10 +1,7 @@
 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,
-  });
-}
+whyDidYouRender(React, {
+  trackHooks: true,
+  trackAllPureComponents: true,
+});