Does this work with expo RN apps?

[kylegillen]

Hi.
I've followed the setup as per the docs and tried some other variations, all to no avail.

Any reason why this shouldn't work?

Here's my App.tsx file:

import React from 'react'
import { StyleSheet, Text, View, Button } from 'react-native'

if (process.env.NODE_ENV !== 'production') {
  const whyDidYouRender = require('@welldone-software/why-did-you-render/dist/no-classes-transpile/umd/whyDidYouRender.min.js')
  whyDidYouRender(React)
}

const { useState } = React

const TestComp = () => {
  const [visible, setVisible] = useState(false)
  return (
    <View>
      {visible && (
        <View>
          <Text>Is Visible</Text>
        </View>
      )}
      <Button
        title="Press Me!"
        onPress={() => {
          setVisible(true)
        }}
      />
    </View>
  )
}

TestComp.whyDidYouRender = true

const App = () => {
  return (
    <View style={styles.container}>
      <TestComp />
    </View>
  )
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center'
  }
})

export default App

[vzaidman]

TestComp doens't looks like a component that would re-render.
to trigger it, try setting isVisible to false on click (temporary, to test the library)

[vzaidman]

the app reports only re-renders that can be omitted to the specific components you mark. this specific component doesnt looks like one with redundant re-renders

[vzaidman]

You are free to re-open the issue if you manage to provide extra information, or even better- a sandbox.