Estoy siguiendo un tutorial:

Mi hogar:

 function LandingPage (){ return( <Container> <Section> title='Top Model' desc='My Description' leftBtn='Buy' rightBtn='Add to Cart' bgImg='car.jpg' </Section> </Container> ) } export default LandingPage; const Container = styled.div` height: 100vh;`

Mi Sección:

 function Section ({title, desc, leftBtn, rightBtn, bgImg}){ return ( <Wrap bg={bgImg}></Wrap> ) } export default Section; const Wrap = styled.div` background-image: ${props => `url("/images/${props.bg}")`}; `

Está funcionando en Video pero no para mí. Cuando inspecciono mis elementos, veo una imagen de fondo como:

imagen de fondo: url(/images/undefined);

Nota: soy nuevo en reaccionar y uso reaccionar 17.

Editado: he comprobado todos los accesorios, es decir, el título no pasa a la Sección