I am new to coding and react. I am following this tutorial, https://www.youtube.com/watch?v=3kYkEVIZNZY&t=1503s. Everything was going fine until now. I am trying to run my code and I am getting this error.

import global from 'jss-plugin-global';
import nested from 'jss-plugin-nested';
import camelCase from 'jss-plugin-camel-case';
import defaultUnit from 'jss-plugin-default-unit';
import vendorPrefixer from 'jss-plugin-vendor-prefixer';
import propsSort from 'jss-plugin-props-sort'; // Subset of jss-preset-default with only the plugins the Material-UI components are using.

export default function jssPreset() {
  return {
    plugins: [functions(), global(), nested(), camelCase(), defaultUnit(), // Disable the vendor prefixer server-side, it does nothing.
    // This way, we can get a performance boost.
    // In the documentation, we are using `autoprefixer` to solve this problem.
    typeof window === 'undefined' ? null : vendorPrefixer(), propsSort()]
  };
}```

when I do **npm run dev** I get no error from the console but however if I try to load the page on the browser, I get this error
[enter image description here][1]


  [1]: https://i.stack.imgur.com/fXWNR.png
please I need assistance I have tried fixing this error for weeks