setColor 不是一个函数 react Hooks

Question

我正在尝试创建一个小型彩色应用程序，但我遇到了一个问题，当我尝试更改正在使用钩子的状态时，react 告诉我 setColor 不是一个函数，我认为我做的一切都是正确的，我做到了不明白为什么会出现问题。

import { useState } from "react";
import { SketchPicker } from "react-color";

import "./App.css";

function App() {
  const { color, setColor } = useState("#334756");

  const handlerChange = (color) => {
    setColor(color.hex);
  };
  return (
    <div className="App" style={{ backgroundColor: color }}>
      <header className="header">
        <SketchPicker
          color={color}
          onChange={(updateColor) => handlerChange(updateColor)}
        />
      </header>
      <main className="main"></main>
    </div>
  );
}