Using the SettingsProvider

layout.tsx

import { SettingsProvider } from "@mittwald/flow-react-components";

export default function Layout(props) {
  return (
    <SettingsProvider type="localStorage" storageKey="my-app">
      {props.children}
    </SettingsProvider>
  );
}

list.tsx

export default function MyList() {
  return (
    <List settingsStorageKey="my-list">
      { /* ... */ }
    </List>
  );
}