Semantic ui React css file not compiling/working with webpack 5

Question

I am making a basic CRA app and wanted to use semantic-ui i followed the steps to the same but as soon as I import the CSS file in the index.js the app starts compiling and finishes it with two errors i dont know what I am doing wrong.

Here are the errors being shown

Cannot read properties of undefined (reading 'get')
during rendering of asset asset/inline|data:application/x-font-ttf;charset=utf-8

https://i.stack.imgur.com/YHqyU.png
https://i.stack.imgur.com/iR1z0.png

Answer 1

The main reason for this is an extra ";" at line 19990 of semantic.css If removed, everything goes fine. In the 'semantic-ui-css/semantic.min.css' remove the extra ';'.

@font-face {
    font-family: 'Step';
    src: url(data:application/x-font-ttf;charset=utf-8;;base64,AAEAAAAOAIAAAw...
}