SpeedInsights and Analytics for different endpoints

My site has 2 endpoints that are in the same nextjs project / is the main endpoint for customers /admin is for admin

I want to isolate their stats in SpeedInsights and Analytics so I've tried doing like this.

'use client'

import { usePathname } from "next/navigation";
import { SpeedInsights } from "@vercel/speed-insights/next"
import { Analytics } from "@vercel/analytics/react"

type InsightsProps = {}

export const Insights = ({ }: InsightsProps) => {
    const pathname = usePathname();

    const isAdminPortal = pathname.startsWith('/admin');

    const endpoint = isAdminPortal
        ? `${process.env.NEXT_PUBLIC_SITE_URL}/admin/_vercel/speed-insights/vitals`
        : `${process.env.NEXT_PUBLIC_SITE_URL}/_vercel/speed-insights/vitals`

    return <>
        {!isAdminPortal ? <Analytics /> : null}
        <SpeedInsights endpoint={endpoint} />
    </>
}

But I'm not sure if it works because the official docs is lack of information.

My site has 2 endpoints that are in the same nextjs project / is the main endpoint for customers /admin is for admin

I want to isolate their stats in SpeedInsights and Analytics so I've tried doing like this.

'use client'

import { usePathname } from "next/navigation";
import { SpeedInsights } from "@vercel/speed-insights/next"
import { Analytics } from "@vercel/analytics/react"

type InsightsProps = {}

export const Insights = ({ }: InsightsProps) => {
    const pathname = usePathname();

    const isAdminPortal = pathname.startsWith('/admin');

    const endpoint = isAdminPortal
        ? `${process.env.NEXT_PUBLIC_SITE_URL}/admin/_vercel/speed-insights/vitals`
        : `${process.env.NEXT_PUBLIC_SITE_URL}/_vercel/speed-insights/vitals`

    return <>
        {!isAdminPortal ? <Analytics /> : null}
        <SpeedInsights endpoint={endpoint} />
    </>
}

But I'm not sure if it works because the official docs is lack of information.