From f6f01de33df6f31ae1170c3bc4fce745f1a32d04 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Roc=C3=ADo=20Llanes?= <rocio.llanes@bitlogic.io>
Date: Tue, 4 Jun 2024 15:36:40 -0300
Subject: [PATCH] SBIT-302: light/dark theme components renderization problem
 fixed

---
 src/context/themeContext.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/context/themeContext.js b/src/context/themeContext.js
index f65c7558..e3f43100 100644
--- a/src/context/themeContext.js
+++ b/src/context/themeContext.js
@@ -53,6 +53,7 @@ const ThemeProvider = ({ children }) => {
   const deviseTheme = getDeviseTheme()
   const [theme, setTheme] = useState(localTheme || deviseTheme || DEFAULT_THEME)
 
+  // ESTE USEEFFECT PUEDE SER UTIL PARA RESOLVER EL BUG DE RENDERIZACIÓN DE TEMA CLARO/OSCURO
   // useEffect(() => {
 
   //   // local storage > devise theme
@@ -69,7 +70,7 @@ const ThemeProvider = ({ children }) => {
 
   return (
     <ThemeContext.Provider value={{ theme, setTheme, toggleTheme }}>
-      <div style={themes[theme]}>{children}</div>
+      <div key={theme} style={themes[theme]}>{children}</div>
     </ThemeContext.Provider>
   )
 }