diff --git a/libs/ui-toolkit/src/components/async-renderer/async-renderer.spec.tsx b/libs/ui-toolkit/src/components/async-renderer/async-renderer.spec.tsx
index b03f50ace..05b5165bf 100644
--- a/libs/ui-toolkit/src/components/async-renderer/async-renderer.spec.tsx
+++ b/libs/ui-toolkit/src/components/async-renderer/async-renderer.spec.tsx
@@ -2,8 +2,8 @@ import { render, act, screen } from '@testing-library/react';
 import { AsyncRenderer } from './async-renderer';
 
 describe('AsyncRenderer', () => {
+  const reload = jest.fn();
   it('timeout error should render button', async () => {
-    const reload = jest.fn();
     await act(() => {
       render(
         <AsyncRenderer
@@ -20,4 +20,22 @@ describe('AsyncRenderer', () => {
     });
     expect(reload).toHaveBeenCalled();
   });
+
+  it('errors should be handled properly', async () => {
+    const message = 'Node has been collapsed';
+    await act(() => {
+      render(
+        <AsyncRenderer
+          reload={reload}
+          error={new Error(message)}
+          loading={false}
+          data={[]}
+        />
+      );
+    });
+
+    expect(
+      screen.getByText(`Something went wrong: ${message}`)
+    ).toBeInTheDocument();
+  });
 });