Is there a way to pass down any data from layout file to child components? For instance, i am using route groups so they have a common layout file that checks up if the user session is available and if session is available and user is present in the database, i want to pass this user object to any child pages under this layout. How can i achieve this behaviour? I am thinking of using context but lemme know of various ways to do this.

Currently, i have to check this session and user on each page which is troublesome.

My layout content code is like this:

const SideContent = async ({ children }: PropsWithChildren) => {
   const session = await getServerSession(authOptions);

   if (session == null || session.user == null || session.user.email == null) {
      return (
         <>
         </>
      );
   }
   const response = await findUserByEmail(session.user.email);
   if (typeof response == "string") {
      return (
         <>
         </>
      );
   }
   if (response.status == 403) {
      return (
         <>
         </>
      );
   }

   return (
      <>
         <section className="mx-3 flex min-h-screen w-full flex-col rounded-lg py-4 sm:mx-6">
            <AppBreadcrumb />

            {children}
         </section>
      </>
   );
};

export default SideContent;