Maybe you can use middleware, and use response.transformData?

wait I don't think thats available

I think you can wrap everything in a server component, by converting the children prop

What you can do is wrap something like

       <SuperscriptRegistered>
          We love BrandX® and BrandY®. The BrandZ® series is coming soon.
        </SuperscriptRegistered>

and SuperscriptRegistered

import React from 'react';

type Props = {
  children: string;
};

export default function SuperscriptRegistered({ children }: Props) {
  // Replace all occurrences of ® with superscript
  const replaced = children.replace(/®/g, '<sup>®</sup>');

  return (
    <span dangerouslySetInnerHTML={{ __html: replaced }} />
  );
}

You can wrap it around every text.

Or you can use a similar approach to wrap everything, but I'm not sure if it'll work, as it'll be too complex

I am already doing something similar. But I don't want to add it everywhere in code.. the best solution can be to modify in an endware but looks like nextjs doesn't allow it. They should think of adding such feature.