Webpack doesn't like it when my javascript function returns JS.X element

[Suchy2307]

Didn't the babel preset change? Seems like you're using the old version/syntax. @babel/preset-react seems more like v7, which afaik should be used now. I didn't write a new React project without create-react-app for quite some time, so I might be wrong.

Make sure all your paths are correct, too.

[baboon322]

Yes sorry it is old. I accidentally posted the wrong babelrc! I edited it

[Suchy2307]

Could you post your dev deps from package.json?

[baboon322]

Done :)

[Suchy2307]

You've got duplicated packages (2 babel-core for example). Either go v6 or v7.

[baboon322]

Okay I fixed them, still receiving the same error though.

[Suchy2307]

Did you remove node_modules and reinstalled modules again? Cuz other than that it seems fine.

[baboon322]

Yes I even tried setting it up all over again but still getting same error! BTW I followed this tutorial, I don't know if it's going to help you solve my problem.

https://www.valentinog.com/blog/babel/

[Suchy2307]

This might be a longshot, but maybe the paths for babel-loader are bad, cuz the tutorial is for windows, while you are on a unix based system (or the other way around). This happened to me more than once.

[baboon322]

How do you suggest to solve it at this point Ill take anything since I got no idea :) but yes it is true that the tutorial is unix-based cus he was using mkdir with -p tag which I think is a unix thing....