diff --git a/src/pages/gallery/components/ErrorAlert.tsx b/src/pages/gallery/components/ErrorAlert.tsx
index 5cbfee0d6..76beac5c3 100644
--- a/src/pages/gallery/components/ErrorAlert.tsx
+++ b/src/pages/gallery/components/ErrorAlert.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import { Alert } from "react-bootstrap";
 import constants from "utils/strings/constants";
 
-export function ErrorAlert({ errorCode }) {
+export default function ErrorAlert({ errorCode }) {
     let errorMessage;
     switch (errorCode) {
         case 402:
diff --git a/src/pages/gallery/index.tsx b/src/pages/gallery/index.tsx
index 37f288678..210aade26 100644
--- a/src/pages/gallery/index.tsx
+++ b/src/pages/gallery/index.tsx
@@ -29,7 +29,7 @@ import {
     getLocalCollections,
 } from 'services/collectionService';
 import constants from 'utils/strings/constants';
-import { ErrorAlert } from './components/ErrorAlert';
+import  ErrorAlert  from './components/ErrorAlert';
 
 const DATE_CONTAINER_HEIGHT = 45;
 const IMAGE_CONTAINER_HEIGHT = 200;