Trouble Integrating OTel with `@effect/rpc` in Browser RPC Client

import * as Http from '@effect/platform/HttpClient';
import { Resolver } from '@effect/rpc';
import { HttpResolver } from '@effect/rpc-http';

import type { RpcRouter } from '@/app/api/internal/rpc/route';

import { getAppOrigin } from '../utils.nodeps';

export const rpc = HttpResolver.make<RpcRouter>(
  Http.client.fetchOk.pipe(
    Http.client.mapRequest(
      Http.request.prependUrl(`${getAppOrigin()}/api/internal/rpc`),
    ),
  ),
).pipe(Resolver.toClient);