BaseLibraries/MattrixwvReactComponents
1
0
Fork 0
Code Issues 3 Packages Projects Releases Wiki Activity

Update dependencies

Browse Source
This commit is contained in:
Matthew Ellison
2026-08-15 15:37:24 -04:00
parent 7265eaad18
commit cbd681e63b
26 changed files with 3230 additions and 4498 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
lib/provider/theme/ThemeProvider.tsx
View File

@@ -1,5 +1,5 @@
import type { Theme, ThemeProviderProps, ThemeProviderState } from "$/types/ThemeTypes";
import { createContext, useContext, useEffect, useMemo, useState } from "react";
import { createContext, use, useEffect, useMemo, useState } from "react";
const themeInitialState: ThemeProviderState = {
@@ -17,7 +17,7 @@ export default function ThemeProvider(props: Readonly<ThemeProviderProps>){
storageKey = "mattrixwv-ui-theme"
} = props;
const [ theme, setTheme ] = useState<Theme>((localStorage.getItem(storageKey) as Theme) || defaultTheme);
const [ theme, setTheme ] = useState<Theme>(() => (localStorage.getItem(storageKey) as Theme) || defaultTheme);
useEffect(() => {
const root = globalThis.document.documentElement;
@@ -43,16 +43,16 @@ export default function ThemeProvider(props: Readonly<ThemeProviderProps>){
}), [storageKey, theme]);
return (
<ThemeProviderContext.Provider value={value}>
<ThemeProviderContext value={value}>
{children}
</ThemeProviderContext.Provider>
</ThemeProviderContext>
);
}
// eslint-disable-next-line react-refresh/only-export-components
export function useTheme(){
const context = useContext(ThemeProviderContext);
const context = use(ThemeProviderContext);
if(!context){
throw new Error("useTheme must be used within a ThemeProvider");