fix(react-refresh): lazily access module.exports to prevent unexpected/potential TDZ error (#2714)

* fix(react-refresh): lazily access module.exports to prevent unexpected/potential TDZ error

* comment

* Changeset

Author: hyf0

.changeset/pretty-rocks-cross.md

@@ -0,0 +1,5 @@
+---
+"@rspack/binding": patch
+---
+
+fix(react-refresh): lazily access module.exports to prevent unexpected/potential TDZ error

crates/rspack_plugin_javascript/src/visitors/swc_visitor/react.rs

@@ -68,8 +68,10 @@ var $RefreshReg$ = function (type, id) {
 }
 var $RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;"#;
 
-static HMR_FOOTER: &str =
-  r#"__webpack_modules__.$ReactRefreshRuntime$.refresh(__webpack_module__.id, module.hot);"#;
+// See https://github.com/web-infra-dev/rspack/pull/2714 why we have a promise here
+static HMR_FOOTER: &str = r#"Promise.resolve().then(function(){ 
+  __webpack_modules__.$ReactRefreshRuntime$.refresh(__webpack_module__.id, module.hot);
+})"#;
 
 static HMR_HEADER_AST: Lazy<Program> =
   Lazy::new(|| parse_js_code(HMR_HEADER.to_string(), &ModuleType::Js).expect("TODO:"));