Questions involving the library react-slick
react-slick is the port of the jQuery slick library to react.
Questions tagged [react-slick]
281 questions
0
votes
3 answers
`react-slick` - type is invalid error
I am getting a Uncaught (in promise) Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. error when tried to require 'react-slick` with webpack.
const React =…
Asim K T
- 16,864
- 10
- 77
- 99
0
votes
2 answers
create-react-app & react-slick
import React, { Component } from 'react';
import { Slider } from 'react-slick';
import Home from './Home.js';
import About from './About.js';
class App extends Component {
render() {
var settings = {
dots:true,
};
return (
…
vpiili
- 1
- 1
0
votes
0 answers
react-slick : Slider completely stops working when re-rendering multiple times
After rendering multiple times, even if no settings were changes for the react-slick slider, the slider completely stops working. No button clicks, no swipes work, and the slider is completely stopped. Here is the problem occuring:
var…
Piyush Dhamecha
- 1,485
- 1
- 13
- 22
0
votes
2 answers
With Chai Test: Adding react-slick throws error - matchMedia not present
After adding the react-slick slider to my webpack project, my chai test began to fail with
C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:226
throw new Error('matchMedia not present, legacy browsers require a polyfill');
…
Stephen Isienyi
- 1,292
- 3
- 17
- 29
0
votes
1 answer
Overflow on slides at React Slick render
I don't think that's the normal behavior or React Slick, but when initialize my page (via address bar), the carousel looks like that :
As you can see, there's a brown bar at right side of the screen.
But when I resize my browser window, it…
awzx
- 1,023
- 2
- 12
- 31
-1
votes
0 answers
Creating a Coverflow slider using Slick slider in React
I'm currently working on a project in React and I'm trying to implement a Coverflow-style slider using the Slick slider library. I've been able to set up a basic slider using Slick, but I'm struggling to achieve the Coverflow effect.
Here's what I…
Kher Sweta
- 62
- 5
-1
votes
1 answer
it's not working rerendering when array state change in react [react-slick]
This is my React code.
I use react-slick library.
I expect 1. when clickedIndex changes 2. it calls useEffect 3. option state change 4. rerender this EnlargePhto component 5. StyledSlider is affected by changed option. 6. combineMood_1…
emillly
- 15
- 5
-1
votes
2 answers
How can I change slick-dots inline style "display: block;" to "display: flex;"?
Costar
- 11
- 1
- 4
-1
votes
2 answers
All gatsby-image images being rendered as one slide using react-slick
I have been struggling with this issue for a few weekends now. I'm trying to build a carousel in to my (first) Gatsby website using react-slick however when I view the frontend after running gatsby develop the slider initialised but the markup that…
Chris Wells
- 1
- 4
-3
votes
1 answer
change react-slick slider Dots icon dynamically with user preference in React
Hi I have some customize using react-slick slider.
I have two png dot icons and it can be changed dynamically ( user can change from admin section and return front end as API data)
../navigator.png
and
../navigator-active.png
sliderSettings =…
channasmcs
- 1,104
- 12
- 27