qt-migration-legatus/qt6-after/qt6-migrated-legatus/Lts/Tools/rme-playback/frontend/src/components/PublicRoute.tsx

import React, { useEffect, useState } from 'react';
import { Navigate } from 'react-router-dom';
import { isAuthenticated } from '../api/auth';

const PublicRoute = ({ element }: { element: JSX.Element }) => {
  const [auth, setAuth] = useState<boolean | null>(null);

  useEffect(() => {
    const checkAuth = async () => {
      const authStatus = await isAuthenticated();
      setAuth(authStatus);
    };
    checkAuth();
  }, []);

  if (auth === null) {
    return <div>Loading...</div>; // Oder ein anderes Lade-Element
  }

  return auth ? <Navigate to="/dashboard" /> : element;
};

export default PublicRoute;