Need copilot step for multiple element on custom component

From the documentation , we can add copilot step for custom components like :

import { copilot, CopilotStep } from 'react-native-copilot';
const CustomComponent = ({ copilot }) => <View {...copilot}><Text>Hello world!</Text></View>;

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

but what if My custom component is :
const CustomComponent = ({ copilot }) => <View {...copilot}><Text>Hello world!</Text><View {...copilot2}>some view</View></View>;

so how should I implement copilot2 here ?

Start with the documented custom-component CopilotStep example and inspect how a single copilot prop is applied. Determine the intended behavior for multiple elements and document or support the copilot2 case, with a reproducible example showing that both walkthrough targets work.