How to call a component in a stateless function?

Question

React

function App() {
  <Component></Component>
}

// Component.js
function Component(props) {
  return (<h1>{props.name}</h1>)
}

// Main.js
function Main() {
  const add = () => {
   // Здесь нужно вызвать Component
   return (<Component name="Имя"></Component>)
  }
}

I need to add a prop when calling a component, but React doesn't see it anyway. Maybe I'm calling it wrong?

Answer 1

function Component(props) {
  return (<h1>{props.name}</h1>)
}