Fix React error #130 - Resolve component import issues

- Fixed wildcard exports in common/index.ts with explicit named exports
- Fixed GalleryView import path in GalleryPage.tsx
- Fixed ToastContainer props formatting in App.tsx
- Ensured all components are properly exported and imported

This should finally resolve the invalid element type error.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-07-07 12:56:09 +02:00
parent f75ee680a5
commit 9dd643338b
3 changed files with 22 additions and 15 deletions
+10 -10
View File
@@ -94,16 +94,16 @@ function App() {
{/* Toast notifications */}
<ToastContainer
position="bottom-right"
autoClose={5000}
hideProgressBar={false}
newestOnTop
closeOnClick
rtl={false}
pauseOnFocusLoss
draggable
pauseOnHover
theme="light"
position="bottom-right"
autoClose={5000}
hideProgressBar={false}
newestOnTop
closeOnClick
rtl={false}
pauseOnFocusLoss
draggable
pauseOnHover
theme="light"
/>
</ThemeProvider>
</QueryClientProvider>
+11 -4
View File
@@ -2,7 +2,14 @@ export { Button } from './Button';
export { Input } from './Input';
export { Card, CardHeader, CardContent, CardFooter } from './Card';
export { Loading, LoadingSkeleton } from './Loading';
export * from './ErrorBoundary';
export * from './Skeleton';
export * from './OfflineIndicator';
export * from './SkipLink';
export { ErrorBoundary, PageErrorBoundary } from './ErrorBoundary';
export {
Skeleton,
SkeletonGroup,
SkeletonCard,
SkeletonTable,
SkeletonGalleryGrid,
SkeletonList
} from './Skeleton';
export { OfflineIndicator, useOnlineStatus } from './OfflineIndicator';
export { SkipLink } from './SkipLink';
+1 -1
View File
@@ -6,7 +6,7 @@ import { format, differenceInDays, parseISO } from 'date-fns';
import { Card, CardContent, Input, Button, Loading } from '../components/common';
import { useGalleryAuth } from '../contexts';
import { useGalleryInfo } from '../hooks/useGallery';
import { GalleryView } from '../components/gallery/GalleryView';
import { GalleryView } from '../components/gallery';
import { analyticsService } from '../services/analytics.service';
export const GalleryPage: React.FC = () => {