Navigating from another page

Is it possible to navigate from another page? (using react Router v5 with create-react-app)

For example i have this exmple that is working on the HomePage. But if i click the navbar item from another page it doesn’t work.

How i navigate to anchor from another page?

import { Element} from 'react-scroll';

export function HomePage() {
    return (
        <>
                <title>Home</title>
                <Banner />

                <Element name="price-plan-list">
                    <PriceplanList />
                </Element>

                <Element name="entertainment-area">
                    <EntertainmentArea />
                </Element>
        </>
    );
}

And this is the NavbarItem:

import { Link as AnchorLink } from 'react-scroll';

        <NavItem key={index}>
            <AnchorLink
                activeClass="active"
                to={item.link}
                spy={true}
                smooth={'easeInOutCubic'}
                duration={1000}
                offset={-50}
            >
                {item.title}
            </AnchorLink>
        </NavItem>

[ManWithA1000Names]

I do not know if this will help you guys, but what I did (in create-react-app and react-router-dom) is to use a scroller.scrollTo in a setTimeout, example:

<Link 
onClick={()=>{
 setTimeout(()=> {scroller.scrollTo("id", {smooth: true, duration: 15000}}, 750)
}} 
to="/otherPage"
>Go to specific part in other Page</Link> 

I have a page transition hence the 750 milliseconds, but i have tried as low a 1 and it still worked. This solution is kind of jank and I dont know if Search engine bots will like it.

[astridwalle]

Hi, I’ve found the package react-scrollable-anchor https://www.npmjs.com/package/react-scrollable-anchor really helpful. This allows to navigate and scroll to a specific section even from another page, just by using href anchor.