refactor: webpack config (#11421)

packages/frontend/component/src/hooks/use-ref-effect.ts

@@ -7,7 +7,6 @@ import { useDebugValue, useEffect, useState } from 'react';
 /* eslint-disable react-hooks/exhaustive-deps */
 
 // the `process.env.NODE_ENV !== 'production'` condition is resolved by the build tool
-/* eslint-disable react-hooks/rules-of-hooks */
 
 const noop: (...args: any[]) => any = () => {};
 
@@ -67,7 +66,7 @@ export const useRefEffect = <T>(
 
   // Show the current ref value in development
   // in react dev tools
-  if (process.env.NODE_ENV !== 'production') {
+  if (BUILD_CONFIG.debug) {
     useDebugValue(internalRef.ref_.current);
   }