I am new to NextJS 13 world, I have created the following components for TODO.

1. Get TODO page, where you can get all of the todo via

async function getTodos() {
  return await prisma.todo.findMany({
    orderBy: {
      created_at: "desc",
    },
  });
}

2. Create Todo page, which is calling a server action on creating a new todo and redirects user to the Get TODO page.

async function createTodo(formData) {
  "use server";
  await prisma.todo.create({
    data: {
      todo: formData.get("todo"),
      is_completed: false,
    },
  });
  redirect('/')
}

On redirection, the data is not refreshed. I tried revalidatePath as well but no luck.

Please explain me how to tackle this basic problem.