如何使用useContext钩子共享stateSetter函数？

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

const StateSetterContext = createContext();

const StateSetterProvider = ({ children }) => {
  const [state, setState] = useState(initialState);

  const stateSetter = (newValue) => {
    setState(newValue);
  };

  return (
    <StateSetterContext.Provider value={stateSetter}>
      {children}
    </StateSetterContext.Provider>
  );
};

import React, { useContext } from 'react';

const MyComponent = () => {
  const stateSetter = useContext(StateSetterContext);

  const handleClick = () => {
    stateSetter(newValue);
  };

  return (
    <button onClick={handleClick}>Update State</button>
  );
};