inline-react-svg integration with yarn workspaces

[nirtamir2]

I try the example with-yarn-workspaces and it works well.
I also added TypeScript and CSS modules.
When I tried to add inline-react-svg (inspired by svg-components example) I get the problem of

Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

What I tried to do is creating babel.config.js with

module.exports = {
  presets: ["next/babel"],
  plugins: ["inline-react-svg"],
};

I want tohave the ability to write

import BarIcon from "./assets/barIcon.svg";
...
<BarIcon height={100} width={100}/>

How to config it right?