Dynamic meta - computations outside createRoot warning

<Title>{blog()?.title}</Title>

// ---- more code here ........
export const route: RouteDefinition = {
  preload: ({ params }) => {
    getBlog(params.slug);
  },
};

export default function BlogPost() {
  const { slug } = useParams();
  const blog = createAsync(() => getBlog(slug));
  return (
    <>
      <Show when={blog()}>
        <Title>{blog()?.title}</Title>
        <Meta name="description" content={blog()?.teaser} />
      </Show>

      <section class="blog-page">
        <div class="container">
          <article></article>
        </div>
      </section>
    </>
  );
}