ERROR TypeError: Cannot read property 'style' of undefined, js engine: hermes

[yigitGoldtag]

After updating my Expo version and other packages, I get this error in Carousel.js;

I'm sure the error is here because when I remove it from the project, there is no problem. Even if it is installed in the project, it is not a problem, but when I run my code, it gives an error.

Here is my code;
`
import React, { useState } from "react";
import { View, StyleSheet, Platform } from "react-native";
import Carousel, { Pagination } from "react-native-snap-carousel";
import Metrics from "../../styles/Dimensions";

const Slider = (props) => {
const [activeSlide, setActiveSlide] = useState(0);

const [data, setData] = useState(props.slideDatas);

const _renderItem = ({ item, index }) => {
return {item.component};
};

const pagination = () => {
return (
<Pagination
dotsLength={data.length}
activeDotIndex={activeSlide}
containerStyle={{
backgroundColor: "transparent",
}}
dotStyle={{
width: 10,
height: 10,
borderRadius: 5,
backgroundColor: "#D6B87C",
}}
inactiveDotStyle={{
backgroundColor: "#D6B87C",
}}
inactiveDotOpacity={0.4}
inactiveDotScale={0.6 * Metrics.horizontalScale}
/>
);
};

return (

<Carousel
layout={props.assets ? "stack" : "default"}
data={data}
renderItem={_renderItem}
sliderWidth={373 * Metrics.horizontalScale}
itemWidth={327 * Metrics.horizontalScale}
onSnapToItem={(index) => setActiveSlide(index)}
/>
<View
style={{ }}
>
{pagination()}


);
};

export default Slider;

`

Here is the error;
ERROR TypeError: Cannot read property 'style' of undefined, js engine: hermes

[soshi1234]

Although this is not a fundamental solution, I will write a method to resolve and execute the error.
Since the error is thrown by the type

In “node_module/react-native-snap-carousel
Delete all lines in “node_module/react-native-snap-carousel” that use “View.propTypes.style”.
In the above example
Remove all lines using “containerCustomStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,”
Delete all but one line of “View.propTypes.style”.
Then you will get the next error, so repeat erasing the one line there. (View.propTypes.style this is the line that contains it)

You have to wait for the version to be updated.

Translated with DeepL.com (free version)

根本的な解決にはなりませんが、エラーを解消し実行する方法を書きます。
型でエラーを吐いているので

「node_module/react-native-snap-carousel」内の
「View.propTypes.style」を使用している行をすべて削除します。
上記の例では
「containerCustomStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,」
の１行を全て消す。
そうすると次のエラーが出るので、そこの１行を消すことを繰り返します。（View.propTypes.styleこれが含まれている行です）

バージョンアップされるのを待つしかないです。

[yigitGoldtag]

Although this is not a fundamental solution, I will write a method to resolve and execute the error. Since the error is thrown by the type

In “node_module/react-native-snap-carousel Delete all lines in “node_module/react-native-snap-carousel” that use “View.propTypes.style”. In the above example Remove all lines using “containerCustomStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,” Delete all but one line of “View.propTypes.style”. Then you will get the next error, so repeat erasing the one line there. (View.propTypes.style this is the line that contains it)

You have to wait for the version to be updated.

Translated with DeepL.com (free version)

根本的な解決にはなりませんが、エラーを解消し実行する方法を書きます。 型でエラーを吐いているので

「node_module/react-native-snap-carousel」内の 「View.propTypes.style」を使用している行をすべて削除します。 上記の例では 「containerCustomStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,」 の１行を全て消す。 そうすると次のエラーが出るので、そこの１行を消すことを繰り返します。（View.propTypes.styleこれが含まれている行です）

バージョンアップされるのを待つしかないです。

Unfortunately, this method did not work, it causes another error.

[aguidad]

1- Import ViewStyle from react-native. import { ViewStyle } from 'react-native';

2- Replace View.propTypes.style with ViewStyle in the (Carousel, Pagination, ParallaxImage, PaginationDot) files.
3- Ensure to patch the package after making the changes.

[yigitGoldtag]

1- Import ViewStyle from react-native. import { ViewStyle } from 'react-native';

2- Replace View.propTypes.style with ViewStyle in the (Carousel, Pagination, ParallaxImage, PaginationDot) files. 3- Ensure to patch the package after making the changes.

This solved my problem , thank you man!

[quaddss52]

ViewStyle

how exactly does one patch a package?

[AbdulBasit-Kagzi]

I am facing the same issue

[aguidad]

ViewStyle

how exactly does one patch a package?

look at the doc patch-package

[mkalavishvili99]

I am facing the same issue

already fix this problem ? if you fix please help me

[nomilogic]

react-native-snap-carousel+3.9.1.patch
Patch fix for the above issue

[quaddss52]

ViewStyle

how exactly does one patch a package?

look at the doc patch-package

thanks, my issue is resolved

[rmelara-designli]

@aguidad solution works, thank you

[nomilogic]

Thts cool

…

On Wed, 5 Jun 2024, 2:06 am rmelara-designli, ***@***.***> wrote: @aguidad <https://github.com/aguidad> solution works, thank you — Reply to this email directly, view it on GitHub <#1017 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACZCYSUE5LWUGGNX5YVMJZDZFYT5LAVCNFSM6AAAAABHYDSECGVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDCNBYGQYTMNJUHA> . You are receiving this because you commented.Message ID: ***@***.***>