كيفية الحصول على مسار عنوان URL في Next.js

لدي صفحة تسجيل دخول (signin page) ومكوّن تخطيط (layout component) يحتوي على ترويسة (header)، أرغب في إخفاء الترويسة في صفحة تسجيل الدخول فقط، ولذلك أحتاج إلى طريقة للحصول على مسار عنوان URL الحالي، بناءًا على هذا المسار، سيتم تحديد ما إذا كان يجب إظهار الترويسة أم لا.

الكود لدي:

import * as constlocalStorage from '../helpers/localstorage';
import Router from 'next/router';

export default class MyApp extends App {
    componentDidMount() {
        if (constlocalStorage.getLocalStorage()) {
            Router.push({ pathname: '/app' });
        } else {
            Router.push({ pathname: '/signin' });
        }
    }

    render() {
        const { Component, pageProps } = this.props;
        return (
            // أحتاج إلى مسار عنوان URL هنا للتحقق من إمكانية إظهار الترويسة من عدمها
            <Layout>
                <Component {...pageProps} />
            </Layout>
        );
    }
}