How to integrate with react-native-web? about react-native-slider

[fitranto]

I managed to make it work with app.json settings like this

{
  "expo": {
    ...
    "web": {
      "build": {
        "babel": {
          "include": ["@miblanchard/react-native-slider"]
        }
      }
    }
}

but now i think i found a bug on your snack as this right thumb can't slide on web

cmiiw

[miblanchard]

Hey @fitranto that appears to be a complication error resulting from my use of optional chaining. You should look into the expo web webpack config to see if it supports that. My sample expo snack runs fine on web, so they may have updated it to work in a more recent version.

[fitranto]

i just run expo customize:web which generate webpack.config.js and look like this

const createExpoWebpackConfigAsync = require('@expo/webpack-config');

module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync(env, argv);
  // Customize the config before returning it.
  return config;
};

how do i make it to work?
i don't really know about this webpack thing

[miblanchard]

@fitranto the first step I'd recommend is upgrading your expo, react-native-web, and react-native dependencies in the project. Within Expo snack there isn't any webpack customization and the library works as intended.

What version of this package are you using, please try the latest of that as well.

[miblanchard]

@fitranto example snack I referenced.

[miblanchard]

Please open a separate issue for that so it’s easier to keep track.

I’m going to close this one as you were able to resolve it.