Undefined is not an object

import {
  copilot,
  walkthroughable,
  CopilotStep
} from '@okgrow/react-native-copilot';

...

const Step1 = ({ copilot }) => <View {...copilot}><Text>Step 1</Text></View>;

...

<CopilotStep text="This is a hello world example!" order={1} name="hello">
  <Step1 />
</CopilotStep>

"dependencies": {
    "@okgrow/react-native-copilot": "^1.0.0",
    "expo": "24.0.2",
    "react": "^16.0.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-24.0.0.tar.gz",
  },

[appjitsu]

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import {
  Text,
  View,
} from 'react-native';
import { copilot, walkthroughable, CopilotStep } from '@okgrow/react-native-copilot';

const CopilotText = walkthroughable(Text);

class Home extends Component {
  componentWillMount() {
    if (true) {
      this.props.start();
    }
  }

  render() {
    return (
      <View>
        <CopilotStep text="This is a hello world example!" order={1} name="hello">
          <CopilotText>Hello world!</CopilotText>
        </CopilotStep>
      </View>
    );
  }
}

Home.propTypes = {
  start: PropTypes.func.isRequired,
};

export default copilot()(Home);

[mohebifar]

Have you applied the copilot HOC to the root component?

const RootComponent = () => <View>
  <CopilotStep text="This is a hello world example!" order={1} name="hello">
    <Step1 />
  </CopilotStep>
</View>;

const CopilotRootComponent = copilot(RootComponent);