Hot reload in rspack with Physical device ios

[tranglq2002]

I was setup the project with re.pack v5 using rspack. Hot reload working in simulator but cannot working my physical device.
How can i have hot reload in physical device?

[anurbox]

Same issue here — any ideas on how to fix it?

[ElielC]

Same issue here on a physical android device

[tranglq2002]

Same issue here on a physical android device

Some how my fast refresh on android is working. Can you show config in rspack.config?

[ElielC]

Sure, here it is:

/**
 * Rspack configuration enhanced with Re.Pack defaults for React Native.
 *
 * Learn about Rspack configuration: https://rspack.dev/config/
 * Learn about Re.Pack configuration: https://re-pack.dev/docs/guides/configuration
 */

export default (env) => {
	const {
		mode,
		platform = process.env.PLATFORM,
		hostIpAddress = env?.devServer?.host || "localhost"
	} = env

	return {
		mode,
		context: __dirname,
		entry: "./index.js",
		experiments: {
			incremental: mode === "development"
		},
		resolve: {
			...Repack.getResolveOptions(),
			alias: {
				"@": path.resolve(__dirname, "./src")
			}
		},
		output: {
			uniqueName: "sas-host"
		},
		optimization: {
			minimize: mode === "production",
			minimizer: [
				new TerserPlugin({
					test: /\.(js)?bundle(\?.*)?$/i,
					terserOptions: {
						compress: {
							drop_console: true
						}
					}
				})
			]
		},
		module: {
			rules: [
				...Repack.getJsTransformRules(),
				...Repack.getAssetTransformRules()
			]
		},
		plugins: [
			new Repack.RepackPlugin(),
			new Repack.plugins.ModuleFederationPluginV2({
				name: "host",
				dts: false,
				remotes: {
					app1: `app1@http://${hostIpAddress}:9000/${platform}/mf-manifest.json`,
					app2: `app2@http://${hostIpAddress}:9001/${platform}/mf-manifest.json`,
					app3: `app3@http://${hostIpAddress}:9002/${platform}/mf-manifest.json`
				},
				shared: getSharedDependencies({ eager: true }),
				runtimePlugins: ["./fetch-with-policy-plugin.ts"]
			}),
			new rspack.IgnorePlugin({
				resourceRegExp:
					/^@react-native-masked-view|^react-native-reanimated\/src\/reanimated2\/core/
			}),
			new ExpoModulesPlugin(),
			new ReanimatedPlugin()
		]
	}
}

On a local iOS device, running with the --host works ok, but on a android physical device, where we are running with localhost and adb, hot reload does not work.

i also get this errors:

What i think is happening is that because of emulators localhost is being replaced to 10.0.2.2, but the physical device does not connect to it

[jbroma]

hey 👋

have you tried running dev-server with --host <IP> where IP is equal to your local network address? (like 192.168.0.10)

I remember metro supports configuration like this, we probably need to fix our dev server configuration somehow - happy to review a PR that fixes this (currently I have no capacity to fix this)

[tranglq2002]

Thank you it work for me in IOS