How do I create a page to display a single Task?

route TaskRoute { path: "/tasks/:taskId", to: TaskPage }
page TaskPage {
  authRequired: true,
  component: import TaskPage from "@src/tasks/TaskPage",
}

import { RouteComponentProps } from 'react-router-dom';

import { Task } from 'wasp/entities';
import { type GetTask } from 'wasp/server/operations';

export const getTask: GetTask<void, Task[]> = async (args, context) => {
  const task = await context.entities.Task.findUnique({
    where: { id: taskId },
  });
};