Passando um estado como um suporte no React

import { useState } from "react"

const Banner = props => {
  const name = props.name
  return (
    <div>
      <p>
        {props.greeting} {name}
      </p>
    </div>
  )
}

function App() {
  const [greeting, setGreeting] = useState("Hello")
  return (
    <div>
      <Banner name="Ranjeet" greeting={greeting} />
    </div>
  )
}

export default App
Outrageous Ostrich