如果我在node.js后端渲染，我如何向我的React组件添加load微调器？

module.exports = {
  // ...其他配置项
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-react']
          }
        }
      }
    ]
  }
};

npm install webpack webpack-dev-middleware --save-dev

const webpack = require('webpack');
const webpackMiddleware = require('webpack-dev-middleware');
const webpackConfig = require('./webpack.config');

// 创建Webpack编译器
const compiler = webpack(webpackConfig);

// 使用Webpack中间件
app.use(webpackMiddleware(compiler, {
  // 其他配置项
}));

npm install react-loader-spinner --save

import React from 'react';
import Loader from 'react-loader-spinner';

const MyComponent = () => {
  return (
    <div>
      {/* 其他组件内容 */}
      <Loader type="TailSpin" color="#00BFFF" height={80} width={80} />
    </div>
  );
};

export default MyComponent;