typescript-typenfehler behoben.. npm run lint läuft nun fehlerfrei durch.

resources/js/layouts/app/AppLayout.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import { usePage } from '@inertiajs/react';
 import Header from './Header';
 import Footer from './Footer';
 
@@ -10,8 +9,6 @@ interface AppLayoutProps {
 }
 
 const AppLayout: React.FC<AppLayoutProps> = ({ children, header, footer }) => {
-  const { auth } = usePage().props;
-
   return (
     <div className="min-h-screen bg-background text-foreground">
       {header || <Header />}
@@ -21,4 +18,4 @@ const AppLayout: React.FC<AppLayoutProps> = ({ children, header, footer }) => {
   );
 };
 
-export default AppLayout;
+export default AppLayout;

resources/js/layouts/app/Header.tsx

@@ -26,7 +26,7 @@ import {
 } from '@/components/ui/navigation-menu';
 
 const Header: React.FC = () => {
-  const { auth } = usePage().props as any;
+  const { auth } = usePage<{ auth: { user?: { name?: string; email?: string; avatar?: string } } }>().props;
   const { t } = useTranslation('auth');
   const { appearance, updateAppearance } = useAppearance();
   const { localizedPath } = useLocalizedRoutes();
@@ -77,7 +77,6 @@ const Header: React.FC = () => {
   const ctaHref = localizedPath('/demo');
 
   const navItems = useMemo(() => {
-    const homeHref = localizedPath('/');
     const howItWorksHref = localizedPath('/so-funktionierts');
 
     return [