Skip to content

Add useCookieStorage hook for React state synchronization with browser cookies #360

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
abhichaurasiya2022 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add useCookieStorage hook for React state synchronization with browser cookies #360

abhichaurasiya2022 wants to merge 1 commit into from

Conversation

@abhichaurasiya2022
Copy link

@abhichaurasiya2022 abhichaurasiya2022 commented Oct 26, 2025

Overview

This PR adds a new hook called useCookieStorage to enable React state synchronization with browser cookies.

Features

  • Reading/Writing JSON Values: Automatically serializes and deserializes values as JSON
  • Type-Safe CookieOptions: Supports configurable cookie options including:
    • expires: Number of days from now or a Date object (default: 365 days)
    • path: Cookie path (default: '/')
    • sameSite: SameSite attribute ('Lax', 'Strict', or 'None', default: 'Lax')
    • secure: Secure flag for HTTPS-only cookies (default: false)
  • Initial Default Value: Allows setting an initial value when the cookie doesn't exist
  • Automatic Reactivity: Uses useSyncExternalStore for cross-tab updates, ensuring state synchronization across browser tabs

Related Issue

Resolves #272
@abhichaurasiya2022 abhichaurasiya2022 mentioned this pull request Oct 27, 2025
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

1 participant

@abhichaurasiya2022