recoil-observer

Recoil Observer through Redux DevTools
This version updated to support React 18 and Recoil 0.0.7

Installation

yarn add @theohagos/recoil-observer

or

npm install @theohagos/recoil-observer

Usage

import App from './App.tsx';
import { RecoilRoot } from 'recoil';
import { RecoilObserver } from '@theohagos/recoil-observer';

<RecoilRoot>
    <RecoilObserver env="development" />
    <App />
</RecoilRoot>

API

props	description	default value	type
env	react env value (only gets mounted if value is development) this is a requried field	development	string
exclude	List of recoil keys to exclude from Redux Devtool	[]	string[]?
name	The name that will appear on Redux Devtool	Recoil State Observer	string?
maxAge	Redux Devtool prop	100	number?
trace	Redux Devtool prop	false	boolean?

Redux Devtool View

Open up redux devtools and observe state changes in redux devtools, replay recoil state as well as time-travel