wip

Author: joetannenbaum

snippets/react-specific.jsx

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from "react";
 
 export const ReactSpecific = ({ children }) => {
     const [code, setCode] = useState(
-        localStorage.getItem("code").replace(/"/g, "") || null,
+        localStorage.getItem("code")?.replace(/"/g, "") || null,
     );
 
     const callback = useCallback((event) => {

snippets/svelte-specific.jsx

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from "react";
 
 export const SvelteSpecific = ({ children }) => {
     const [code, setCode] = useState(
-        localStorage.getItem("code").replace(/"/g, "") || null,
+        localStorage.getItem("code")?.replace(/"/g, "") || null,
     );
 
     const callback = useCallback((event) => {

snippets/svelte4-specific.jsx

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from "react";
 
 export const Svelte4Specific = ({ children }) => {
     const [code, setCode] = useState(
-        localStorage.getItem("code").replace(/"/g, "") || null,
+        localStorage.getItem("code")?.replace(/"/g, "") || null,
     );
 
     const callback = useCallback((event) => {

snippets/svelte5-specific.jsx

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from "react";
 
 export const Svelte5Specific = ({ children }) => {
     const [code, setCode] = useState(
-        localStorage.getItem("code").replace(/"/g, "") || null,
+        localStorage.getItem("code")?.replace(/"/g, "") || null,
     );
 
     const callback = useCallback((event) => {

snippets/vue-specific.jsx

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from "react";
 
 export const VueSpecific = ({ children }) => {
     const [code, setCode] = useState(
-        localStorage.getItem("code").replace(/"/g, "") || null,
+        localStorage.getItem("code")?.replace(/"/g, "") || null,
     );
 
     const callback = useCallback((event) => {

snippets/vue2-specific.jsx

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from "react";
 
 export const Vue2Specific = ({ children }) => {
     const [code, setCode] = useState(
-        localStorage.getItem("code").replace(/"/g, "") || null,
+        localStorage.getItem("code")?.replace(/"/g, "") || null,
     );
 
     const callback = useCallback((event) => {

snippets/vue3-specific.jsx

@@ -2,7 +2,7 @@ import { useCallback, useEffect, useState } from "react";
 
 export const Vue3Specific = ({ children }) => {
     const [code, setCode] = useState(
-        localStorage.getItem("code").replace(/"/g, "") || null,
+        localStorage.getItem("code")?.replace(/"/g, "") || null,
     );
 
     const callback = useCallback((event) => {