New hook: useInstanceId (alternative)

[ellatrix]

Description

Alternative to #19071, which now works exactly as withInstanceId. The difference with #19071 is that ids are linked to the function they are used with. Hooks that use useInstanceId will have to pass the parent function name.

Usage:

function SomeComponent() {
 	const instanceId = useInstanceId( SomeComponent );
 	...
 }

How has this been tested?

Screenshots

Types of changes

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR. .

[youknowriad]

Should we refactor withInstanceId to use useInstanceId?

Anyway, this is cool 👍

[ellatrix]

I'll adjust it. :)

[ellatrix]

@youknowriad Actually, I don't think we can simply use useInstanceId inside withInstanceId, because we're not provided with a reference to the function. The both work different, though provide the same thing.

[youknowriad]

@ellatrix maybe something like that

const withInstanceId = ( Wrapped ) => (props) => {
    const  instanceId = useInstanceId(Wrapped);
    return <Wrapped instanceId={instanceId} {...props} />;
} 

[ellatrix]

@youknowriad Oh right, I forgot we have WrappedComponent... Stupid me. :)

[ellatrix]

Alright, this works great and no need to modify ids in test snapshots! Merging.