const CardLink = React.forwardRef(
({ onClick, href, slider, imageURL, as, name, movieId }: IPropsLink, ref: LegacyRef<any>) => {
return (
<CardStyled
href={href}
onClick={onClick}
slider={slider}
onAuxClick={(e): any => openInNewTab(e, as)}
ref={ref}
>
<div>{imageURL ? <ImagePreload imageURL={imageURL} /> : null}</div>
<span title={name}>{StringWithEllipsis(name, countOfCharacters)}</span>
</CardStyled>
);
},
);
<Link passHref href={href} as={as}>
<CardLink movieId={movieId} href={href} as={as} {...props} />
</Link>