useStateLogger

UseStateLoggerExample

src/prod/dev/useStateLogger.ts

import React from 'react';



export const useStateLogger = (
	intialState: any,
	label = "State"
) => {
	const [x, setX] = React.useState(intialState);
	const setXSafe = (v: any) => {
		console.log(`Updated '${label}': ${x} => ${v}`);
		setX(v);
	};

	return [x, setXSafe];
};

dist/prod/dev/useStateLogger.js

import React from 'react';
export const useStateLogger = (intialState, label = "State") => {
    const [x, setX] = React.useState(intialState);
    const setXSafe = (v) => {
        console.log(`Updated '${label}': ${x} => ${v}`);
        setX(v);
    };
    return [x, setXSafe];
};

src/prod/dev/useStateLogger.ts

import React from 'react';



export const useStateLogger = (
	intialState: any,
	label = "State"
) => {
	const [x, setX] = React.useState(intialState);
	const setXSafe = (v: any) => {
		console.log(`Updated '${label}': ${x} => ${v}`);
		setX(v);
	};

	return [x, setXSafe];
};