App: add ErrorBoundary around IconGrid
The IconGrid can now fallback to an ErrorBoundary, which renders a generic Warn component with a "Search error" message.
This commit is contained in:
@@ -5,6 +5,8 @@ import Header from "../Header/Header";
|
||||
import Toolbar from "../Toolbar/Toolbar";
|
||||
import IconGrid from "../IconGrid/IconGrid";
|
||||
import Footer from "../Footer/Footer";
|
||||
import ErrorBoundary from "../ErrorBoundary/ErrorBoundary";
|
||||
import Warn from "../Warn/Warn";
|
||||
|
||||
const App: React.FC<any> = () => {
|
||||
return (
|
||||
@@ -12,9 +14,11 @@ const App: React.FC<any> = () => {
|
||||
<Header />
|
||||
<main>
|
||||
<Toolbar />
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<IconGrid />
|
||||
</Suspense>
|
||||
<ErrorBoundary fallback={<Warn message="Search error"/>}>
|
||||
<Suspense fallback={<div>Loading...</div>}>
|
||||
<IconGrid />
|
||||
</Suspense>
|
||||
</ErrorBoundary>
|
||||
</main>
|
||||
<Footer />
|
||||
</>
|
||||
|
||||
Reference in New Issue
Block a user