Conflict between libraries

JavaScript
1

I have a component, it’s a nav bar component. In this component I am using 2 libraries, the thing is, that both of these libraries use the same name for the component that I need from each one.

import { Link } from "react-scroll";
import { Link } from "react-router-dom";

I tried renaming the second one like this { Link: routerName }, but of course it didn’t work. Do I really need to create an extra component just for the nav link where I need to use the Link from react-router-dom or is some work around this?

2

is this a possible solution?
import { export as alias } from "module-name";

I think I have used something like that before , but my memory is failing me.

reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

3

I tried import { export as LinkRouter } from "react-router-dom"; but it didn’t work.

4

try import { Link as LinkRouter } from "react-router-dom" , since the exported name is Link

5

That did work, thanks a lot man, appreciate it.