import React, { useState } from 'react';
import { useStorageState } from './use-storage-state';
import './DemoApp.css';
import { createMemoryStorage } from './memory-storage';
function openNewTab() {
window.open(window.location.href, '_blank');
}
function DemoApp() {
return (
<>
react-use-storage-state Demo
{' '}
);
}
function inc(x: number) {
return x + 1;
}
function UseStateDemo() {
const [state, setState] = useState(1);
return (
<>
React.useState(1)
);
}
function UseStorageStateDemo() {
const [state, setState] = useStorageState('counter', 1);
return (
<>
useStorageState('counter', 1)
);
}
const memoryStorage = createMemoryStorage();
function UseMemoryStorageStateDemo() {
const [state, setState] = useStorageState('counter', 1, memoryStorage);
return (
<>
useStorageState('counter', 1, memoryStorage)
);
}
export default DemoApp;