nextjs build error occurring probably due to styled-components

Im using next@12.3.1, and whenever I try to build the app, I constantly get

info  - Collecting page data ..Error: An error occurred. See https://git.io/JUIaE#1 for more information. Args: undefined

Error: Failed to collect page data for /home
    at processTicksAndRejections (node:internal/process/task_queues:96:5) {
  type: 'Error'
}

i have tried creating a _document.js and specifying .babelrc but none of them helped

any ideas why this is happening