Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

[AmraneAchraf1]

ERROR Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

• expo 51
• expo router

[AmraneAchraf1]

const CopilotText = walkthroughable(Text);

const HomeScreen = () => {
const { start } = useCopilot();
const ref = useRef(null);

return (


Hello world!

<Button title="Start" onPress={() => start()} />

);
};

export default function TabOneScreen() {
return (



);
}

[surrenderios]

Use React Native inner components, for example, Text, Image, etc.

If you use your custom component, you should recursively pass copilot to children.

See the example:
GitHub Issue

[surrenderios]

const CopilotText = walkthroughable(Text);

const HomeScreen = () => { const { start } = useCopilot(); const ref = useRef(null);

return ( Hello world! <Button title="Start" onPress={() => start()} /> ); };

export default function TabOneScreen() { return ( ); }

example:
#304