Estoy usando react-slick
y quiero tener dos configuraciones diferentes para mobile y desktop. Actualmente tengo un objeto con la configuracion:
const sliderSettings = {
adaptiveHeight: true,
centerMode: true,
....
}
Y cuando llamo al slider hago
<Slider {...sliderSettings}/>
Ahora yo quiero tener un objeto diferente para mobile, ya tengo una variable isMobile
disponible, y quiero hacer algo como
<Slider {isMobile ? {...sliderSettingsMobile} : {...sliderSettings}}/>
Probe de esta forma y algunas similares pero me arroja un error "..." expected
Alguien sabe cual es la forma correcta de enviar el objeto props condicionalmente?