next.js - nextjs の user-agent に基づいて書き換えます

Question

NextJs にマルチドメイン Web サイトがあります。ドメインとデバイスの種類に基づいてデータを取得したいと考えています。ドメインを認識できるようになりましたが、ユーザー エージェントを書き換えルールに含めて、getStaticProps 関数で使用したいと考えています。next.config.js ファイルのルールは次のとおりです。

async rewrites() {
    return {
        afterFiles: [
            {
                has: [
                    {
                        type: 'host',
                        value: '(?<host>.*)',
                    },
                    {
                        type: 'header',
                        key: 'User-Agent',
                        value: '(?<ua>.*)',
                    },
                ],
                source: '/',
                destination: '/organizations/:host?ua=:ua',
            },
        ],
    };
},

書き換えでユーザーエージェントをキャッチする方法を知っていますか? または他の解決策はありますか？デバイスの種類 (モバイル、タブレット、またはデスクトップ) を認識し、それらに基づいて異なる DOM をレンダリングしたいと考えています。