Nested .jsx imports in React example not working by default?

[dph-jan]

I've followed these instructions to setup a new Electron app with React: https://www.electronforge.io/guides/framework-integration/react

Everything worked fine until I created the new folder 'src/components', moved my app.jsx there, updated the import path in renderer.js and added additional .jsx files which I imported in app.jsx. Now these nested .jsx imports gave me a Module not found: Error: Can't resolve './Test' in '...src/components' error until I manually added

resolve: { extensions: ['.js', '.ts', '.tsx', '.jsx', '.json'] }

to webpack.renderer.config.js.

Am I doing something wrong here or is this maybe a common scenario that should be mentioned in the instructions?

[dph-jan]

Actually the the imports seem to work fine if you specify them with the file extension '.jsx'. For me, VS Code automatically adds the imports without the extensions but not sure if that's how most people would do it or if it should be included in the instructions then.