{"version":"1.0","type":"rich","title":"Anchor / Hash Links and Smooth Scrolling with React Router","description":"This example demonstrates smooth scrolling to anchor links within a React application, where clicking a link scrolls to a target section instead of jumping instantly. It shows a simple page with one link that triggers a scroll to a section with the id “section.” The code uses the `react-router-hash-link` library’s `HashLink` component to handle the anchor navigation, and the `smooth-scroll` library, initialized in `componentDidMount` with a selector for all links containing `href*=\"#\"`, to animate the scrolling behavior.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-d5a384f75b0c0f4cb665f582d523f233?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}