How to migrate webpack.ProvidePlugin to fit remix

[where-picturesque]

What version of Remix are you using?

1.18.1

Are all your remix dependencies & dev-dependencies using the same version?

• Yes

Steps to Reproduce

• follow https://remix.run/docs/en/1.19.0/guides/migrating-react-router-app steps to migrate my app
• npm run dev

Expected Behavior

run success

Actual Behavior

err:ReferenceError: createReactClass is not defined

In my old app, have webpack config like this

new webpack.ProvidePlugin({
  'createReactClass ':'create-react-class',
  'React':'react',
  'ImageResize':'util/ImageResize'
}),

How to use it properly in remix?

I referred to this issue evanw/esbuild#1664 ,esbuild inject, but do not know how to implement

Need help.

[where-picturesque]

solved

//remix.config.js
const { withEsbuildOverride } = require("remix-esbuild-override");
withEsbuildOverride((option, { isServer, isDev }) => {
    option.inject= [path.resolve(__dirname,'./inject.js')]
})

//inject.js
import React from 'react'
import createReactClass from 'create-react-class';

export{
    React,
    createReactClass,
}