not found ctx.data

import { FreshContext, Handlers } from "$fresh/server.ts";

export const handler: Handlers = {
  GET: async (_req: Request, ctx: FreshContext) => {
    return await ctx.render({
      message: "Welcome to Fresh"
    });
  },
};

export default function Home(_req: Request, ctx:FreshContext) {
  console.log(ctx.data) // undefined !!!
  return (
    <div >
      {ctx.data.message}
    </div>
  );
}

import { FreshContext, Handlers } from "$fresh/server.ts";

export const handler: Handlers = {
  GET: async (_req: Request, ctx: FreshContext) => {
    return await ctx.render({
      message: "Welcome to Fresh"
    });
  },
};

export default function Home(_req: Request, ctx:FreshContext) {
  console.log(ctx.data) // undefined !!!
  return (
    <div >
      {ctx.data.message}
    </div>
  );
}