const { isLoading, error, data } = useQuery('myData', fetchData);

function MyComponent() {
  const { isLoading, error, data } = useQuery('myData', fetchData);

  if (isLoading) return 'Загрузка...';
  if (error) return `Произошла ошибка: ${error.message}`;

  return (
    <div>
      <h1>{data.noscript}</h1>
      <p>{data.denoscription}</p>
    </div>
  );
}

function MyOtherComponent({ noscript, denoscription }) {
  return (
    <div>
      <h1>{noscript}</h1>
      <p>{denoscription}</p>
    </div>
  );
}

function MyComponent() {
  const { data } = useQuery('myData', fetchData);

  return (
    <MyOtherComponent noscript={data?.noscript} denoscription={data?.denoscription} />
  );
}

type User = {
  name?: string;
}

type ReadonlyUser = Readonly<User> // { readonly name?: string; }

const user: ReadonlyUser = {
  name: 'Jack'
}

// Cannot assign to 'name' because it is a read-only property.
user.name = 'John'

type User = {
  readonly name: string;
  age: number;
};

type OptionalUser = Partial<User>; // { readonly name?: string; age?: number; }

const user: OptionalUser = {}; // Ok!

type User = {
  readonly name?: string;
  age?: number;
};

type RequiredUser = Required<User>; // { readonly name: string; age: number; }

/**
 * Type '{}' is missing the following properties 
 * from type 'Required<User>': name, age
 */
const user: RequiredUser = {}

type User = {
  readonly name: string;
  age: number;
  height: number;
};

// { readonly name: string; age: number; }
type PickUser = Pick<User, 'name' | 'age'>;

const user: PickUser = {
  name: 'Jack'
}

// Cannot assign to 'name' because it is a read-only property.
user.name = 'John'

export default function App() { 
  const [username, setUsername] = useState("JohnDoe");   const [followers, setFollowers] = useState(1000); 
   const handleClear = () => { 
    setFollowers(0);     setUsername(""); 
  }  
  useEffect(() => {     console.log("Компонент был отрендерен!"); 
  });  
  return ( /* JSX код */ ); 
}

const handleClick = () => {
  flushSync(() => {    setClicked(!clicked);
  // react will create a re-render here  });
    setCount(count + 1);
  // react will create a re-render here};