"use client"
function Navbar() {
    const [providers, setProviders] = useState(null)
    const isUserLoggedIn = true

    useEffect(() => {
        const setProviders = async () => {
            const response = await getProviders()
            setProviders(response)
        }
        setProviders()
    }, [])

    return (
      {providers && Object.values(providers).map((provider) => (
              <button 
                  type="button" 
                  key={provider.name}
                  onClick={() => {signIn(provider.id)}}
                  className="black_btn"
              >
                  Sign In
              </button>
       )
      }
    )
}

This is my navbar component that I would like to use state in. However for some reason I get 2 errorrs. One on the

setProviders(response)

line where it says that the setProviders functions takes 0 arguments but I have provided 1. And more inside the map function because it says provider is of type uknown