From f3c08e8382c3107e61e86b3743dcc986593e2799 Mon Sep 17 00:00:00 2001
From: Benedikt Bartscher <bb@senbax.de>
Date: Thu, 20 Feb 2025 00:20:50 +0100
Subject: [PATCH] migrate to new react 19 context api
---
.../.templates/jinja/web/utils/context.js.jinja2 | 16 ++++++++--------
.../reflex/radix_themes_color_mode_provider.js | 6 +++---
2 files changed, 11 insertions(+), 11 deletions(-)
diff --git a/reflex/.templates/jinja/web/utils/context.js.jinja2 b/reflex/.templates/jinja/web/utils/context.js.jinja2
index 32be61ebb..d138d2c12 100644
--- a/reflex/.templates/jinja/web/utils/context.js.jinja2
+++ b/reflex/.templates/jinja/web/utils/context.js.jinja2
@@ -78,9 +78,9 @@ export function UploadFilesProvider({ children }) {
return newFilesById
})
return (
- <UploadFilesContext.Provider value={[filesById, setFilesById]}>
+ <UploadFilesContext value={[filesById, setFilesById]}>
{children}
- </UploadFilesContext.Provider>
+ </UploadFilesContext>
)
}
@@ -92,9 +92,9 @@ export function EventLoopProvider({ children }) {
clientStorage,
)
return (
- <EventLoopContext.Provider value={[addEvents, connectErrors]}>
+ <EventLoopContext value={[addEvents, connectErrors]}>
{children}
- </EventLoopContext.Provider>
+ </EventLoopContext>
)
}
@@ -112,13 +112,13 @@ export function StateProvider({ children }) {
return (
{% for state_name in initial_state %}
- <StateContexts.{{state_name|var_name}}.Provider value={ {{state_name|var_name}} }>
+ <StateContexts.{{state_name|var_name}} value={ {{state_name|var_name}} }>
{% endfor %}
- <DispatchContext.Provider value={dispatchers}>
+ <DispatchContext value={dispatchers}>
{children}
- </DispatchContext.Provider>
+ </DispatchContext>
{% for state_name in initial_state|reverse %}
- </StateContexts.{{state_name|var_name}}.Provider>
+ </StateContexts.{{state_name|var_name}}>
{% endfor %}
)
}
diff --git a/reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js b/reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js
index 1f7157551..90228ab05 100644
--- a/reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js
+++ b/reflex/.templates/web/components/reflex/radix_themes_color_mode_provider.js
@@ -36,17 +36,17 @@ export default function RadixThemesColorModeProvider({ children }) {
const allowedModes = ["light", "dark", "system"];
if (!allowedModes.includes(mode)) {
console.error(
- `Invalid color mode "${mode}". Defaulting to "${defaultColorMode}".`
+ `Invalid color mode "${mode}". Defaulting to "${defaultColorMode}".`,
);
mode = defaultColorMode;
}
setTheme(mode);
};
return (
- <ColorModeContext.Provider
+ <ColorModeContext
value={{ rawColorMode, resolvedColorMode, toggleColorMode, setColorMode }}
>
{children}
- </ColorModeContext.Provider>
+ </ColorModeContext>
);
}