diff --git a/src/api/ShlinkApiError.tsx b/src/api/ShlinkApiError.tsx
index 3719cbb5..6ba2c01a 100644
--- a/src/api/ShlinkApiError.tsx
+++ b/src/api/ShlinkApiError.tsx
@@ -1,7 +1,7 @@
 import { ProblemDetailsError } from './types';
 import { isInvalidArgumentError } from './utils';
 
-interface ShlinkApiErrorProps {
+export interface ShlinkApiErrorProps {
   errorData?: ProblemDetailsError;
   fallbackMessage?: string;
 }
diff --git a/test/api/ShlinkApiError.test.tsx b/test/api/ShlinkApiError.test.tsx
new file mode 100644
index 00000000..8726aa6d
--- /dev/null
+++ b/test/api/ShlinkApiError.test.tsx
@@ -0,0 +1,36 @@
+import { shallow, ShallowWrapper } from 'enzyme';
+import { Mock } from 'ts-mockery';
+import { ShlinkApiError, ShlinkApiErrorProps } from '../../src/api/ShlinkApiError';
+import { InvalidArgumentError, ProblemDetailsError } from '../../src/api/types';
+
+describe('<ShlinkApiError />', () => {
+  let wrapper: ShallowWrapper;
+  const createWrapper = (props: ShlinkApiErrorProps) => {
+    wrapper = shallow(<ShlinkApiError {...props} />);
+
+    return wrapper;
+  };
+
+  afterEach(() => wrapper?.unmount());
+
+  it.each([
+    [ undefined, 'the fallback', 'the fallback' ],
+    [ Mock.all<ProblemDetailsError>(), 'the fallback', 'the fallback' ],
+    [ Mock.of<ProblemDetailsError>({ detail: 'the detail' }), 'the fallback', 'the detail' ],
+  ])('renders proper message', (errorData, fallbackMessage, expectedMessage) => {
+    const wrapper = createWrapper({ errorData, fallbackMessage });
+
+    expect(wrapper.text()).toContain(expectedMessage);
+  });
+
+  it.each([
+    [ undefined, 0 ],
+    [ Mock.all<ProblemDetailsError>(), 0 ],
+    [ Mock.of<InvalidArgumentError>({ type: 'INVALID_ARGUMENT', invalidElements: [] }), 1 ],
+  ])('renders list of invalid elements when provided error is an InvalidError', (errorData, expectedElementsCount) => {
+    const wrapper = createWrapper({ errorData });
+    const p = wrapper.find('p');
+
+    expect(p).toHaveLength(expectedElementsCount);
+  });
+});