Digamos que tenemos un componente App que recibe un objeto props con todas las props que necesita:

function App(props) {
  return <h1>{props.title}</h1>
}

Y que tenemos otro componente Layout que recibe un objeto props con todas las props que necesita:

function Layout(props) {
  return (
    <div>
      <App {...props} />
    </div>
  )
}

En este caso, Layout está pasando todas las props que recibe a App. Esto puede ser una mala idea por varias razones:

• Si Layout recibe una prop que no necesita, la pasará a App y éste puede que no la use. Esto puede ser confuso para el que lea el código.