React-use-sync NPM

react-use-sync

Build

React hook for synchronized values between windows

Install

Install with npm:

npm install react-use-sync

Or with yarn:

yarn add react-use-sync

Usage

To sync state between tabs, wrap a React Hook that returns a function with the useState signature (i.e. [value, setValue]).

import React, { useState } from 'react'
import useSync from 'react-use-sync'

function App() {
  const [count, setCount] = useSync('count', useState(0)));
  return (
    <div>
      <p>The count is {count}</p>
      <button onClick={() => setCount(count + 1)}>
        Click me!
      </button>
    </div>
  )
}