When using modal in Nextjs React-Bootstrap + RTL the button bottom appear on the right and not on the left as it should.

Is there a more direct method besides importing custom css? The current situation is very inconvenient. thanks

I have been working with React-bootstrap for more than a year but recently found this problem: whenever importing a react-bootstrap component, there will be a warning with react-aria (which is a dependency of restart/ui, and restart/ui is a dependency of react-bootstrap):
WARNING in ./node_modules/@react-aria/ssr/dist/SSRProvider.mjs
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from ‘my-root-directorynode_modules@react-ariassrdistSSRProvider.mjs.map’ file: Error: ENOENT: no such file or directory, open ‘my-root-directorynode_modules@react-ariassrdistSSRProvider.mjs.map’
This warning shouldn’t affect the runtime of my application, as source maps are primarily used for debugging purposes, but it still pretty annoying. Im using the latest react-bootstrap version: 2.10.2. Is this a new bug and how to solve it?