From 2ce8f811f5c74ede4e10504bb99b0a5c36820043 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Wed, 27 Mar 2024 10:44:08 -0700
Subject: [PATCH] Update our EUI docs to throw errors on local dev environments

- but not on prod/staging, in case of false negatives
---
 src-docs/src/views/app_context.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src-docs/src/views/app_context.js b/src-docs/src/views/app_context.js
index 7b24ecc6cd1d..3d1951e85ac0 100644
--- a/src-docs/src/views/app_context.js
+++ b/src-docs/src/views/app_context.js
@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import React, { useContext, useEffect } from 'react';
 import { Helmet } from 'react-helmet';
 import { useSelector } from 'react-redux';
 import createCache from '@emotion/cache';
@@ -7,7 +7,10 @@ import { translateUsingPseudoLocale } from '../services';
 import { getLocale } from '../store';
 
 import { EuiContext, EuiProvider } from '../../../src/components';
-import { euiStylisPrefixer } from '../../../src/services';
+import {
+  setEuiDevProviderWarning,
+  euiStylisPrefixer,
+} from '../../../src/services';
 import { EUI_THEMES } from '../../../src/themes';
 
 import favicon16Prod from '../images/favicon/prod/favicon-16x16.png';
@@ -44,6 +47,13 @@ export const AppContext = ({ children }) => {
   };
 
   const isLocalDev = window.location.host.includes('803');
+  useEffect(() => {
+    if (isLocalDev) {
+      setEuiDevProviderWarning('error');
+    } else {
+      setEuiDevProviderWarning('warning');
+    }
+  }, [isLocalDev]);
 
   return (
     <EuiProvider