我收到错误：` ```TypeError: Object(...)不是我的react应用程序中的函数`-第一次尝试使用挂钩

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

function MyComponent() {
  const [count, setCount] = useState(0); // 正确

  if (condition) {
    const [count, setCount] = useState(0); // 错误
  }
}

function App() {
  const [showComponent, setShowComponent] = useState(true);

  return (
    <div>
      {showComponent && <MyComponent />} {/* 正确 */}
      {!showComponent && <MyComponent />} {/* 正确 */}
    </div>
  );
}

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

function MyComponent() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `You clicked ${count} times`;
  }, [count]);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}

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

function MyComponent() {
  const [data, setData] = useState(null);

  useEffect(() => {
    // 模拟异步数据获取
    setTimeout(() => {
      setData('Some data');
    }, 1000);
  }, []);

  return (
    <div>
      {data ? <p>{data}</p> : <p>Loading...</p>}
    </div>
  );
}

export default MyComponent;