diff --git a/src/ui/components/ErrorBlock.js b/src/ui/components/ErrorBlock.js
index 49be6d3c4..09781db2f 100644
--- a/src/ui/components/ErrorBlock.js
+++ b/src/ui/components/ErrorBlock.js
@@ -9,7 +9,7 @@ import styled from '../styled/index.js';
 import React from 'react';
 import CodeBlock from './CodeBlock.js';
 
-const ErrorBlockContainer = styled(CodeBlock)({
+export const ErrorBlockContainer = styled(CodeBlock)({
   backgroundColor: '#f2dede',
   border: '1px solid #ebccd1',
   borderRadius: 4,
diff --git a/src/ui/index.js b/src/ui/index.js
index 4b2c50fa6..045e1b167 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -68,6 +68,7 @@ export {default as CodeBlock} from './components/CodeBlock.js';
 
 // error
 export {default as ErrorBlock} from './components/ErrorBlock.js';
+export {ErrorBlockContainer} from './components/ErrorBlock.js';
 export {default as ErrorBoundary} from './components/ErrorBoundary.js';
 
 // interactive components