useLinkComponent.tsx

useLinkComponent.tsx

import React from 'react'
import { Link } from "react-router-dom";

interface useLinkComponentProps{
    url: string,
}

const useLinkComponent: React.SFC<useLinkComponentProps> = ({url, children, ...rest}) => {
    return (
        <Link to={url} {...rest}>
            {children}
        </Link>
    );
}
 
export default useLinkComponent;

// In index
<AppProvider linkComponent={useLinkComponent}>
   <App />  
</AppProvider>