feat(gatsby): make store persistent via use-persistend-state

Author: axe312ger

gatsby/src/components/consent-manager/wrapper.js

@@ -1,6 +1,7 @@
 import React from "react"
 
 import { ConsentManager, ConsentManagerForm } from "@techboi/consent-manager"
+import createPersistedState from "use-persisted-state"
 
 import { matomoIntegration } from "@techboi/consent-manager-integration-matomo"
 import { youTubeIntegration } from "@techboi/consent-manager-integration-youtube"
@@ -10,6 +11,10 @@ import "@techboi/consent-manager-interface-unobtrusive-control-ui/dist/unobtrusi
 
 import { FallbackComponent } from "./fallback-component"
 
+const useConsentStateStore = createPersistedState(
+  "consent-manager-gatsby-example"
+)
+
 const consentManagerConfig = {
   integrations: [
     matomoIntegration({
@@ -42,9 +47,7 @@ const consentManagerConfig = {
 }
 
 export function ConsentManagerWrapper({ children }) {
-  const storage = React.useState({
-    decisions: {},
-  })
+  const storage = useConsentStateStore()
 
   return (
     <ConsentManager