如何将状态数据从自定义钩子传递到react组件？

import { useState } from 'react';

const useCustomHook = () => {
  const [data, setData] = useState('');

  const updateData = (newData) => {
    setData(newData);
  };

  return [data, updateData];
};

export default useCustomHook;

import React from 'react';
import useCustomHook from './useCustomHook';

const MyComponent = () => {
  const [data, updateData] = useCustomHook();

  const handleButtonClick = () => {
    updateData('New data from custom hook');
  };

  return (
    <div>
      <p>Data from custom hook: {data}</p>
      <button onClick={handleButtonClick}>Update Data</button>
    </div>
  );
};

export default MyComponent;