How to use the @wordpress/element.forwardRef function in @wordpress/element

const classes = classnames( 'components-external-link', className );
	return (
		<a rel="{" href="{"> { /* eslint-disable-line react/jsx-no-target-blank */ }
			{ children }
			<span>
				{
					/* translators: accessibility text */
					__( '(opens in a new tab)' )
				}
			</span>
			
		</a>
	);
}

export default forwardRef( ExternalLink );

'forwardedRef',
				] ) }
			>
				{ children }
			
		);
		/* eslint-enable jsx-a11y/no-static-element-interactions */
	}
}

const forwardedNavigableContainer = ( props, ref ) => {
	return ;
};
forwardedNavigableContainer.displayName = 'NavigableContainer';

export default forwardRef( forwardedNavigableContainer );

return eventToOffset( evt );
		}
	};

	return (
		
	);
}

export default forwardRef( TabbableContainer );

);
}

const DraggablePage = forwardRef( DraggablePageWithRef );

export default DraggablePage;

<span>
											{ index + 1 }
										</span>
									)
							}
						
					);
				} ) }
			

			{ children }
		
	);
}

export default forwardRef( ComplexTabs );

return urlQueryArgs;
			}
			return {
				post_id: currentPostId,
				...urlQueryArgs,
			};
		}, [ currentPostId, urlQueryArgs ] );

		return (
			
		);
	}
);

if ( window && window.wp && window.wp.components ) {
	window.wp.components.ServerSideRender = forwardRef( ( props, ref ) => {
		deprecated( 'wp.components.ServerSideRender', {
			alternative: 'wp.serverSideRender',
		} );
		return (
			
		);
	} );
}

export default ExportedServerSideRender;

/**
 * WordPress dependencies
 */
import { forwardRef } from '@wordpress/element';

/**
 * External dependencies
 */
import TextareaAutosize from 'react-autosize-textarea';
import classnames from 'classnames';

/**
 * @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/plain-text/README.md
 */
const PlainText = forwardRef( ( { onChange, className, ...props }, ref ) => {
	return (
		 onChange( event.target.value ) }
			{ ...props }
		/>
	);
} );

export default PlainText;

alternative: 'wp.components.Button',
	} );

	return (
		<button label="{" size="">
	);
}

export default forwardRef( IconButton );
</button>

};

	return (
		
	);
}

export default forwardRef( Image );

};

	return (
		
	);
}

export default forwardRef( NavigableMenu );