Bug visual with the arrows.

[FreeCoder22]

hello,
Thanks for shared project.
I have one bug visual with the arrows.
I have fixed the bug by changing the value justifyContent : center in the constant layoutArrow

Before
const layoutArrow = function (imageHeight, iconHeight) { return { position: 'absolute', backgroundColor: 'transparent', justifyContent: 'flex-start', alignItems: 'flex-start', top: (imageHeight-iconHeight)/2, bottom: (imageHeight-iconHeight)/2, }; }

After
const layoutArrow = function (imageHeight, iconHeight) { return { position: 'absolute', backgroundColor: 'transparent', justifyContent: center', alignItems: 'flex-start', top: (imageHeight-iconHeight)/2, bottom: (imageHeight-iconHeight)/2, }; }

[lufinkey]

I have this bug too. Here is a screenshot of what the issue looks like:

[mubashiralisiddiqui]

you can use another icon to fix this
arrowLeft={someicon or compnent}
arrowRight={someIcon or component}