Next.js error "Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'scrollTo')"

Question

While making a portfolio website with Next.js, this is some sort of scrolling error that I'm getting from .next folder in my project folder.

Whenever I'm trying to get the mobile responsive view of the website this is the error I'm facing

Unhandled Runtime Error
TypeError: Cannot read properties of undefined (reading 'scrollTo')

This is the location of the error file

.next\static\chunks\pages\index.js (14:16) @ scroll

This is the code in that location

function _arrayLikeToArray(arr, len) {
  if (len == null || len > arr.length) len = arr.length;

  for (var i = 0, arr2 = new Array(len); i < len; i++) {
    arr2[i] = arr[i];
  }

  return arr2;
}

This is the snapshot of the error

I can run the website locally even when the error is showing. Is it gonna be a buggy thing if I deploy it?

How do I fix this?

Every time I reopen the app locally, it comes back with the same error. Again it's an error from the .next folder, same location, same code block. — Gourav Sanyal
– Gourav Sanyal, Commented Sep 9, 2021 at 13:30

Ryan Le · Accepted Answer · 2021-09-09 13:45:58Z

3

You've got this error on Runtime and it is on browser

Since node is not available on the browser (only on node), you will need to use window.scrollTo instead

To completely remove it from the error logs, do a rebuilt so your .next will be wipe out and take the latest changes.

answered Sep 9, 2021 at 13:45

Ryan Le

8,5101 gold badge18 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Gourav Sanyal Over a year ago

Is it possible to update my next from the integrated terminal?

Ryan Le Over a year ago

Sorry for the late reply. Just “npm run build” will clear the old .next folder content

Collectives™ on Stack Overflow

Next.js error "Unhandled Runtime Error TypeError: Cannot read properties of undefined (reading 'scrollTo')"

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related