Usé esto para establecer una cookie en mi aplicación de reacción. Sin embargo, caduca con la sesión. ¿Cómo puedo almacenar esta cookie para que dure más allá de la sesión y permanezca si el navegador se cierra y se vuelve a abrir?

 export default function App() { const [classnameTr,setClassname] = useState<string>("checkbox-row1"); const [classnameLabel, setClassnameLabel] = useState<string>("my-label-black"); const cookies = new Cookies(); function setCookie() { cookies.set('certDiscCookie', 'certDiscCookieSet', { path: '/' }); console.log("Cookies: " + cookies.get('certDiscCookie')); } function getCookie() { if (cookies.get('certDiscCookie') === "certDiscCookieSet") { setColor(); } } return ( <div className="App"> <header className="App-header"> <div className="checkbox-div"> <table className="checkbox-table"> <tbody> <td className="tr2-td2"><button className="certDiscButtonSet" onClick={() => setCookie()}>Set Cookie</button></td> <td className="tr3-td3"><button className="certDiscButtonGet" onClick={() => getCookie()}>Get Cookie</button></td> </tr> </tbody> </table> </div> </header> </div> ); }