Currently your JavaScript files are processed by Babel. If you want to use your loader for react the you have to identify the react files ideally by extension or specific file name pattern ( the test property is a regex field).
So basically paste your loader configuration below the current JS file rule and may delete the jsx extension above and use it with your loader.
But what’s the purpose of that loader? I couldn’t figure it out on a quick overview.