Scroll Reset Component is not functioning, when switching to different routes

[idontknowjs]

While switching to a different route
The scroll postion is expected to move to top ( window.scrollTo(0, 0) )
But it remains fixed and does not work the way it was expected in the function

[idontknowjs]

The possible reason I could find out is that location.state is undefined, it should be either null but not undefined

[KeenWarrior]

You can also take a look at https://stackoverflow.com/a/39345165

[idontknowjs]

Hi, so yes I already tried using useEffect and the clean up function, wrapping with withRouter
As below

import { useEffect } from "react";
import { withRouter } from "react-router-dom";

function ScrollReset({ history }) {
  useEffect(() => {
    const unlisten = history.listen(() => {
      window.scrollTo(0, 0);
    });
    return () => {
      unlisten();
    };
  }, [history]);

  return null;
}

export default withRouter(ScrollReset);

But it was also not working as it was expected.

Tested the existing ScrollReset Component of the directory and the above new component in another project of mine.
Both worked over there, but not functioning here
Was unable to find the actual reason behind this

[KeenWarrior]

This seems like a complication. Are you feeling comfortable working on it? Or need someone associated with you on it?

[idontknowjs]

This seems like a complication. Are you feeling comfortable working on it? Or need someone associated with you on it?

Yes, it would be better

[idontknowjs]

If anyone else is interested, can take this issue. I am currently not able to debug it

[ArunTeltia]

I am working on this