KanyeQuote.tsx

import * as React from "react"
import { Quote } from "./canvas"

export function KanyeQuote() {
    const [quote, setQuote] = React.useState("")

    React.useEffect(() => {
        fetch("https://api.kanye.rest/").then(response => {
            response.json().then(json => {
                setQuote(json.quote)
            })
        })
    }, [])

    return <Quote text={quote} />
}

return <Quote text={`"${quote}"`} author={`- Kanye West`} />