Use URL to determine whether or not page should be compliant

src/hooks/index.ts

@@ -1,2 +1 @@
-export { default as useLocalStorage } from "./useLocalStorage";
 export { default as useForm } from "./useForm";

src/providers/AppStateProvider.tsx

@@ -1,5 +1,11 @@
 import { useLocalStorage } from "@/hooks";
-import { type PropsWithChildren, createContext, useContext } from "react";
+import {
+	type PropsWithChildren,
+	createContext,
+	useContext,
+	useEffect,
+	useState,
+} from "react";
 
 export type AppStateContextProps = PropsWithChildren & {
 	defaultValue?: AppStateContext;
@@ -20,11 +26,26 @@ const AppStateContext = createContext<AppStateContext>(initialState);
 export const useAppState = () => useContext(AppStateContext);
 
 function AppStateProvider({ children, defaultValue }: AppStateContextProps) {
-	const [isCompliant, setIsCompliant] = useLocalStorage(
-		"isCompliant",
-		defaultValue?.isCompliant || initialState.isCompliant,
+	const params = new URLSearchParams(window.location.search);
+	const compliantParam = params.get("compliant") === "true";
+
+	const [isCompliant, setIsCompliant] = useState(
+		defaultValue?.isCompliant || compliantParam,
 	);
 
+	useEffect(() => {
+		if (isCompliant) {
+			params.set("compliant", "true");
+		} else {
+			params.delete("compliant");
+		}
+
+		const newUrl = `${window.location.pathname}${
+			params.size > 0 ? `?${params.toString()}` : ""
+		}`;
+		window.history.replaceState({}, "", newUrl);
+	}, [isCompliant, params.delete, params.set, params.size, params.toString]);
+
 	const toggleCompliancy = (newValue?: boolean) => {
 		setIsCompliant((prev) => (newValue !== undefined ? newValue : !prev));
 	};