fix sessionStorage limit issue

app/gif-extractor/page.jsx

@@ -12,6 +12,7 @@ import Image from "../components/image.jsx";
 
 import { printMsg } from "../print.js";
 import { Icons } from "../components/icons.jsx";
+import { clearData, getData } from "../utils/dataHandler.js";
 
 export default function GifExtractor() {
 	const isServer = typeof window === "undefined";
@@ -47,9 +48,9 @@ export default function GifExtractor() {
 		setLoaded(true);
 
 		if (!isServer) {
-			const i = sessionStorage.getItem("image");
+			const i = getData("image");
 			if (i) setFile(i);
-			sessionStorage.removeItem("image");
+			clearData("image");
 		}
 	});
 

app/page.jsx

@@ -20,6 +20,7 @@ import "react-tooltip/dist/react-tooltip.css";
 import { Tooltip } from "react-tooltip";
 import { Icons } from "./components/icons.jsx";
 import { LoadingCircle, LoadingCubes } from "./components/spinner.jsx";
+import { storeData } from "./utils/dataHandler.js";
 
 const decorationsData = require("../decorations.json");
 const avatarsData = require("../avatars.json");
@@ -766,7 +767,7 @@ const App = ({ ffmpegRef, isServer }) => {
 											onClick={() => {
 												if (!isServer) {
 													try {
-														sessionStorage.setItem("image", finishedAv);
+														storeData("image", finishedAv);
 														router.push("/gif-extractor");
 													} catch {
 														setFileTooBig(true);

app/utils/dataHandler.js

@@ -0,0 +1,9 @@
+const tempStorage = {};
+
+export const storeData = (key, data) => {
+	tempStorage[key] = data;
+};
+export const clearData = (key) => {
+	delete tempStorage[key];
+};
+export const getData = (key) => tempStorage[key];