React useCookie Hook Turns Browser Cookies into Reactive Component State

A new hook called useCookie, available from the @reactuses/core library, allows React developers to manage browser cookies as reactive state rather than relying on the native document.cookie API. The native API requires manual string parsing, does not trigger re-renders, and can cause hydration mismatches during server-side rendering. With useCookie, components reading the same cookie key stay synchronized within a tab, and updates automatically propagate without extra boilerplate. The hook is built on the js-cookie library, meaning cookie attributes such as expiry, path, and SameSite are handled reliably through a structured options argument. Setting a value to undefined deletes the cookie, and passing a default value ensures the cookie is written on first render, making it immediately available to the server on subsequent requests.