Как разделить фрагмент веб-пакета с помощью библиотек React и ReacDOM, импортированных только один раз в файле ввода

Question

Есть ли способ разделить кусок библиотеки React и ReactDOM на отдельный файл, который используется / импортируется только один раз в одном файле.

// main.js
import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(
    <h1>Hello World</h1>,
    document.getElementById('app')
);

// webpack config
{
    ...
    optimization: {
    // optimization
    splitChunks: {
            cacheGroups: {
                // vendor chunk
                vendor: {
                    chunks: 'initial',
                    test: /node_modules/,
                    minChunks: 1,
                    minSize: 1000
                }
            }
        }
    }
},