wp_register_development_scripts()

wp_register_development_scripts( WP_Scripts $scripts )

function wp_register_development_scripts( $scripts ) {
	if (
		! defined( 'SCRIPT_DEBUG' ) || ! SCRIPT_DEBUG
		|| empty( $scripts->registered['react'] )
		|| defined( 'WP_RUN_CORE_TESTS' )
	) {
		return;
	}

	// React Refresh runtime - exposes ReactRefreshRuntime global.
	// No dependencies.
	$scripts->add(
		'wp-react-refresh-runtime',
		'/wp-includes/js/dist/development/react-refresh-runtime.js',
		array(),
		'0.14.0'
	);

	// React Refresh entry - injects runtime into global hook.
	// Must load before React to set up hooks.
	$scripts->add(
		'wp-react-refresh-entry',
		'/wp-includes/js/dist/development/react-refresh-entry.js',
		array( 'wp-react-refresh-runtime' ),
		'0.14.0'
	);

	// Add entry as a dependency of React so it loads first.
	// See https://github.com/pmmmwh/react-refresh-webpack-plugin/blob/main/docs/TROUBLESHOOTING.md#externalising-react.
	$scripts->registered['react']->deps[] = 'wp-react-refresh-entry';
}