How vite federation plugin works when react remote vite is about to load inside angular that uses webpack

[Srimathi04]

I am loading react vite application inside angular host using wrapper component in angular.

My wrapper component uses
Await loadRemoteModule(
type:'module',
remoteentry:'http:localhost:4000/assets/remoteentry.js
Module:'./App')

Here remoteentry will be configured based on different environment
I can able to load an react vite inside angular app successfully.

But I have an doubt ,is this best way to utilise react inside angular ?

Since when I try to directly use remotename from webpack.config file,I am getting an compatibility issue between webpack and vite bundles.

Let me know what is the best way in to use federation in case of webpack and vite combination mfe application