如何从React自定义钩子和控制它的函数中正确地导出组件？

import React from 'react';

// Step 1: 创建一个自定义钩子函数
const useCustomHook = () => {
  // Step 2: 在自定义钩子函数中管理组件的状态
  const [count, setCount] = React.useState(0);

  // 自定义钩子函数的其他逻辑...

  // Step 3: 在函数组件中调用自定义钩子函数
  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={() => setCount(count + 1)}>Increment</button>
    </div>
  );
};

// Step 4: 导出函数组件
export default function MyComponent() {
  // 调用自定义钩子函数
  return useCustomHook();
}