"use client" import { useEffect, useState } from "react" // shadcn import { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSubmit, QuestionnaireTitle, } from "@/components/ui/questionnaire" // ------------------------------ | QUESTIONNAIRE - RESUME | ------------------------------ // export function QuestionnaireResume() { const [isMounted, setIsMounted] = useState(false) useEffect(() => { // eslint-disable-next-line react-hooks/set-state-in-effect setIsMounted(true) }, []) const handleFormChange = (e: React.SyntheticEvent) => { const data = Object.fromEntries(new FormData(e.currentTarget)) as Record< string, string > localStorage.setItem("questionnaire-resume-data", JSON.stringify(data)) } // Avoid hydration mismatch and don't render until mounted if (!isMounted) return null // Load the last visited step and saved data from localStorage const savedItem = localStorage.getItem("questionnaire-resume-step") || "role" let savedData: Record = {} const savedValues = localStorage.getItem("questionnaire-resume-data") if (savedValues) { try { savedData = JSON.parse(savedValues) } catch { savedData = {} } } return (

localStorage.setItem("questionnaire-resume-step", item) } onChange={handleFormChange} onSubmit={(e) => { e.preventDefault() const data = Object.fromEntries(new FormData(e.currentTarget)) console.log("Submitted:", data) // Clear saved state after completion localStorage.removeItem("questionnaire-resume-step") localStorage.removeItem("questionnaire-resume-data") alert("Submitted! Progress cleared.") }} > What is your primary role? Your progress is saved automatically. Try selecting an option and refreshing! Developer Designer Manager Years of experience? If you refresh the page now, you will resume right here on step 2 with your previous answers saved. 0-2 years 3-5 years 5+ years Favorite framework? Submitting will clear your saved session. Next.js SvelteKit Remix

) }