ЯсноПонятно24

Вот пример реализации хука useDisclosure с учетом обновления состояния при изменении пропса:

import React, { useState, useEffect } from 'react';

const useDisclosure = (initialState) => {
  const [isOpen, setIsOpen] = useState(initialState);

  useEffect(() => {
    setIsOpen(initialState);
  }, [initialState]);

  const open = () => {
    setIsOpen(true);
    console.log('Open');
  };

  const close = () => {
    setIsOpen(false);
    console.log('Close');
  };

  return { isOpen, open, close };
};

export default useDisclosure;

Теперь импортируем и используем этот хук в компоненте App:

import React, { useState } from 'react';
import useDisclosure from './useDisclosure';

const App = () => {
  const [content, setContent] = useState('Lorem ipsum dolor sit amet');
  const { isOpen, open, close } = useDisclosure(false);

  return (
    <div>
      <button onClick={isOpen ? close : open}>{isOpen ? 'Close' : 'Open'}</button>
      {isOpen && <p>{content}</p>}
    </div>
  );
};

export default App;

Теперь при изменении значения переменной content в компоненте App, состояние isOpen в хуке useDisclosure будет обновляться и блок текста будет отображаться или скрываться в зависимости от значения isOpen.