formbricks/apps/web/components/layout/WithAuthentication.tsx

import { signIn, useSession } from "next-auth/react";
import Loading from "../Loading";

const withAuthentication = (Component) =>
  function WithAuth(props) {
    const { status } = useSession({
      required: true,
      onUnauthenticated() {
        // The user is not authenticated, handle it here.
        return signIn();
      },
    });

    if (status === "loading") {
      return <Loading />;
    }

    return <Component {...props} />;
  };

export default withAuthentication;