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:
+10
-10
@@ -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>
|
||||
|
||||
@@ -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';
|
||||
@@ -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 = () => {
|
||||
|
||||
Reference in New Issue
Block a user