How do I change the div id="__next" to own name in Next.js?

Question

I am making a website with Next.js and I needs to change root div id to own name. I heard that next doesn't currently allow to change the name, but it can be done by writing your own content rendering function, which I read in this article. I also found a file in node_modules in which when I changed the name, the id changed but I'm afraid it's a bad idea and I don't want to mess with the node files so I decided to write my own rendering function content but I don't know how to do it do it because this article was for a different version of react and I have the latest version, so I come asking if anyone knows what this function should look like?

Source code from Next Github

export function Main() {
  const { docComponentsRendered } = useContext(HtmlContext)
  docComponentsRendered.Main = true
  // @ts-ignore
  return <next-js-internal-body-render-target />
}