diff --git a/libs/core-ui/src/lib/Interfaces/ICounterfactualData.ts b/libs/core-ui/src/lib/Interfaces/ICounterfactualData.ts
index a715bc80ff..8fbdd3bf3e 100644
--- a/libs/core-ui/src/lib/Interfaces/ICounterfactualData.ts
+++ b/libs/core-ui/src/lib/Interfaces/ICounterfactualData.ts
@@ -3,6 +3,7 @@
 
 export interface ICounterfactualData {
   cfs_list: Array<Array<Array<string | number>>>;
+  errorMessage?: string;
   feature_names: string[];
   feature_names_including_target: string[];
   summary_importance?: number[];
diff --git a/libs/counterfactuals/src/lib/CounterfactualPanel.tsx b/libs/counterfactuals/src/lib/CounterfactualPanel.tsx
index 8004c3b3df..9c96e020c3 100644
--- a/libs/counterfactuals/src/lib/CounterfactualPanel.tsx
+++ b/libs/counterfactuals/src/lib/CounterfactualPanel.tsx
@@ -21,7 +21,9 @@ import {
   TooltipDelay,
   DirectionalHint,
   IconButton,
-  ITooltipProps
+  ITooltipProps,
+  MessageBar,
+  MessageBarType
 } from "office-ui-fabric-react";
 import React from "react";
 
@@ -81,6 +83,13 @@ export class CounterfactualPanel extends React.Component<
         onRenderFooterContent={this.renderClose}
       >
         <Stack tokens={{ childrenGap: "m1" }}>
+          <Stack.Item>
+            {this.props.data?.errorMessage && (
+              <MessageBar messageBarType={MessageBarType.error}>
+                {this.props.data.errorMessage}
+              </MessageBar>
+            )}
+          </Stack.Item>
           <Stack.Item className={classes.counterfactualList}>
             <CounterfactualList
               selectedIndex={this.props.selectedIndex}