Cannot read images from Tensorflow.js Tensorcamera on React Native

I am trying to use Tensorflow.js posenet on React Native but I can not get ‘images’. Currently Expo-camera works ok, but images is undefined. Please advise how to iterate getting images from TensorCamera. Thanks.

const TensorCamera = cameraWithTensors(Camera);

export default class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.handleCameraStream = this.handleCameraStream.bind(this);
  }

  async estimatePoseOnImage(imageElement) {
    const net = await posenet.load();
    const pose = await net.estimateSinglePose(imageElement, {
      flipHorizontal: false,
    });
    this.setState({ pose: pose });
    return pose;
  }

  handleCameraStream( images ) {
    const loop = async () => {
      const nextImageTensor = await images.next().value;
      await this.estimatePoseOnImage(nextImageTensor);
      requestAnimationFrame(loop);
    };
    loop();
  }

  render() {
    return (
      <View>
        <TensorCamera
          type={Camera.Constants.Type.front}
          onReady={this.handleCameraStream}
          autorender={true}
        />
      </View>
    );
  }
}

[fergalindez]

I’m trying to follow this demo => https://github.com/tensorflow/tfjs/blob/master/tfjs-react-native/integration_rn59/components/webcam/realtime_demo.tsx, but none of the models’ load. I’m using expo to make the test. @rthadur @tafsiri

[tafsiri]

@sauceishere Could you try changing your react import to import * as React from 'react'; and having your main component extend React.Component. Newer versions of expo use a different import format that what is used in the integration_test app.

If that doesn’t work then from looking at the error stack it seemed to be coming from react-native-svg, so I would first remove all the things from the app other than the model loading and inference and make sure that works before introducing rendering.