How to use the @rehooks/local-storage function in @rehooks/local-storage
To help you get started, we’ve selected a few @rehooks/local-storage examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
brentvollebregt / who-is-on-my-network / webapp / src / pages / Home / ChartWrapper.tsx View on Github 
const ChartWrapper: React.FC = ({ entityType, selectedIds }) => {
const [storedStartAndEndDates, setStoredStartAndEndDates] = useLocalStorage<
[string, string]
>("home_selectedDates", [defaultStartDate.toISO(), defaultEndDate.toISO()]);
const getStartDate = () =>
storedStartAndEndDates === null
? defaultStartDate
: DateTime.fromISO(storedStartAndEndDates[0]);
const getEndDate = () =>
storedStartAndEndDates === null
? defaultEndDate
: DateTime.fromISO(storedStartAndEndDates[1]);
const getStartAndEndDates = (): [DateTime, DateTime] => [
getStartDate(),
getEndDate()
];const useStoredDatePair = (
storageKey: string,
defaultStartDate: DateTime,
defaultEndDate: DateTime
) => {
const [storedStartAndEndDates, setStoredStartAndEndDates] = useLocalStorage<[string, string]>(
storageKey + "_selectedDates",
[defaultStartDate.toISO(), defaultEndDate.toISO()]
);
const getStartDate = () =>
storedStartAndEndDates === null
? defaultStartDate
: DateTime.fromISO(storedStartAndEndDates[0]);
const getEndDate = () =>
storedStartAndEndDates === null ? defaultEndDate : DateTime.fromISO(storedStartAndEndDates[1]);
const getStartAndEndDates = (): [DateTime, DateTime] => [getStartDate(), getEndDate()];
const setStartAndEndDates = (startDate: DateTime, endDate: DateTime) => {
setStoredStartAndEndDates([startDate.toISO(), endDate.toISO()]);@rehooks/local-storage
React hook for local-storage
