[Gutenberg Mobile] Add External Link support to React Native

[enejb]

Description

Related Gutenberg Mobile PR: wordpress-mobile/gutenberg-mobile#2374

Currently when you insert a Header Block you see the following error.

The regression was introduced in a917162#diff-78f749ce9638e8f9d7190a6ac691f1b7R24
it adds the the anchor hook that uses ExternalLink component hence giving the error in the console.

This PR tries to fix this by adding a new ExternalLink Component.
Notice that this component is not visible anywhere in UI just yet.

How has this been tested?

On React Native insert a new Header Block Component.
Notice that the error doesn't appear any more.

Types of changes

• Adds new ExternalLink Component.

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.

[enejb]

cc: @ geriux for a review.

[enejb]

I would love to add a test that where that would catch any errors when adding a new block to the editor. Any ideas how to do that? Maybe its best to wait for the monorepo to be merged in order to have that in place?

[geriux]

LGTM! Thanks for adding this! What do you think if we add a bit more info about this issue in this PR description? For example, saying that it was introduced by this change that added the anchor hook that uses this component hence giving the error in the console.

[geriux]

I would love to add a test that where that would catch any errors when adding a new block to the editor. Any ideas how to do that? Maybe its best to wait for the monorepo to be merged in order to have that in place?

Yup, as we discussed today, it'd be best to wait for the monorepo work to be merged since it'll include some tests and then we'll be able to see if we need to add new ones to catch any errors.