const DataContext = React.createContext();

const App = () => {
  // ✅ Good！符合 useContext 用法
  const data = useContext(DataContext);

  // ❌ Error！不符合 useContext 用法
  const data = useContext('DataContext');

  // ❌ Error！不符合 useContext 用法
  const data = useContext();

  // ❌ Error！不符合 useContext 用法
  const data = useContext(DataContext.Provider);
  return (
    <div>
    </div>
  )
}

const app = document.querySelector('#app');
const root = ReactDOM.createRoot(app);
root.render(<App />);