'use client' import { navigate } from './action' import { useState, useEffect, useRef } from 'react' import { IconPencilMinus } from "@tabler/icons-react" export default function Home() { const [name, setName] = useState("") const modal = useRef() const inputName = useRef() function setUsername() { setName(inputName.current.value) localStorage.setItem("name", inputName.current.value) } useEffect(() => { let localName = localStorage.getItem("name") if(localName != null){ setName(localName) } else { modal.current.showModal() } }, []) return (
{/* if there is a button in form, it will close the modal */}

Bazaar

{name}
Create a room
); }