Compatibility with Reanimated v3?

[risafj]

Is this library only compatible with React Native Reanimated v2, and not v3?
I tried installing it with the following package versions and got the error below.

"react-native": "0.76.5"
"react-native-awesome-slider": "2.9.0"
"react-native-reanimated": "3.16.1"
"react-native-gesture-handler": "2.20.0"

Error:

 (NOBRIDGE) ERROR  Error: [Reanimated] Failed to create a worklet. See https://docs.swmansion.com/react-native-reanimated/docs/guides/troubleshooting#failed-to-create-a-worklet for more details.
 (NOBRIDGE) ERROR  Warning: TypeError: Cannot read property 'makeMutable' of undefined

[dosubot]

Hey @risafj! I'm here to help you with any bugs, questions, or contributions you have. Let's tackle this issue together!

The react-native-awesome-slider library specifies compatibility with react-native-reanimated version ^3.16.1 in its documentation, and it has a peer dependency requirement for react-native-reanimated as ">=3.0.0" ^[1][2]. The error you're encountering might be related to the configuration of react-native-reanimated rather than a compatibility issue with the slider itself.

To resolve the error, ensure that react-native-reanimated is properly installed and configured. This includes:

1. Adding the Reanimated Babel plugin to your babel.config.js:

   module.exports = {
     presets: ['module:metro-react-native-babel-preset'],
     plugins: ['react-native-reanimated/plugin'],
   };

2. Rebuilding your project after making changes to the Babel configuration:

   npx react-native run-android
   # or
   npx react-native run-ios

3. Ensuring that you have followed all the setup instructions for react-native-reanimated as per their documentation.

If the issue persists after these steps, it might be helpful to check the troubleshooting guide linked in the error message for more specific solutions.

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}

[alantoa]

hey @risafj, sorry for replying later! this library works with reanimated v3, I think this may be because of your code, can you refer to the example?

for the above error prompt, I think it may be that you are using state value instead of useShareValue from react-native-reanimated.

[awilson9]

I'm also having issues (react-native-reanimated@3.16.7, react-native-awesome-slider@^2.9.0). I've confirmed I'm using shared values, my app crashes before I can even load my entry point.

This is what's in the debug logs:

[ShadyPines.debug.dylib] TypeError: property is not writable

I'm just using the most basic example from the github readme

const InternalSlider = ({
  handleSlidingComplete,
  value,
}: {
  handleSlidingComplete: (value: number) => void;
  value: SharedValue<number>;
}) => {
  const min = useSharedValue(0);
  const max = useSharedValue(100);

  return (
    <Slider
      // onSlidingComplete={handleSlidingComplete}
      style={styles.container}
      progress={value}
      minimumValue={min}
      maximumValue={max}
    />
  );
};

The error that displays in the app is:

App entry not found

The app entry point named "main" was not registered. This may be due to an uncaught error thrown from a module's top-level code. Refer to the CLI logs and the native device logs for more detail."