Can I use a CopilotStep inside a map Item

Current Behavior
A clear and concise description of the behavior.

I have an item which is part of my next step that resides inside a map. What I need to do is highlight one of the first items to describe it's purpose. Does anyone have experience doing this?
Input Code

`<View style={{ flex: 1 }}>
              {this.props.foods.map((item, i) => (

                <Accordion title={item.name} data={item} value={false} key={item.id} number={i} />
              ))}
            </View>`

Expected behavior/code

For my step 2 I need this to happen inside a mapped Component. For example inside item 1.

Environment

• "react-native-copilot": "^2.4.6",
• "expo": "^35.0.0",
• "react-native-svg": "~9.9.2",

Additional context/Screenshots
Below is a screenshot of the items list I need to be highlighted as step 2.

Start by reproducing the mapped Accordion example from the issue with react-native-copilot 2.4.6 and Expo 35. Inspect how the CopilotStep is expected to wrap an item rendered by foods.map. Done means a mapped item can be highlighted reliably as step 2, with behavior confirmed in the example or a focused test.