next js lobal CSS cannot be imported from files other than your Custom <App> for third party library code example

Example: global css cannot be imported from files other than your

import '../global-styles/main.scss'

export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}