Youtube in React: enforce scrolling to top in AppLayout component

AppLayout.js

import React from 'react';
import './AppLayout.scss';
import HeaderNav from '../../containers/HeaderNav/HeaderNav';
import ScrollToTop from '../ScrollToTop/ScrollToTop';

export function AppLayout(props) {
  return (
    <ScrollToTop>
      <div className='app-layout'>
        <HeaderNav/>
        {props.children}
      </div>
    </ScrollToTop>
  );
}