Как сохранять состояние открыта ли или закрыта боковая панель с помощью localstorage?

Это мой первый опыт в использовании localstorage и я хочу сохранять состояние через хуки.
Нужно запоминать показана либо скрыта боковая панель фильтра. Пока что в коде все топорно просто и при обновлении страницы данные возвращаются на исходную позицию. Пожалуйста, сориентируйте в этом вопросе.

const TaskRegionView = () => {
    const [condition, setCondition] = useState(true);

    const handleToggleCondition = () => {
        setCondition(prev => !prev);
    };
....
<Button onClick={handleToggleCondition} className={styles['button']}>
                    <LeftOutlined />
                </Button>
                {condition && (
                    <>
                        <Button onClick={handleToggleCondition} className={styles['button-open']}>
                            <RightOutlined />
                        </Button>
                        <Filter
                            className={styles['filter']}
                        />
                    </>
                )}