as attribute of Menu.Item not working as expected.

[brundabharadwaj]

Unable to navigate onclick of Menu.Item with attribute as setTo NavLink ---------------------------------------------------------------------START------------------------------: NavBar.jsx

Here is My source code : import React from 'react' import { Button, Container, Menu } from 'semantic-ui-react' import { NavLink } from 'react-router-dom' import { Link } from 'react-router-dom' function NavBar({handleFormOpen}) { return (

Re-vents handleFormOpen()} inverted content='Create Event'style={{margin:'2px'}}/>

) }

export default NavBar ---------------------------------END------------------------------------------------ Routes defined are as follows:

import './App.css'; import EventDashBoard from './Components/Events/EventDashBoard'; import { Container } from 'semantic-ui-react'; import { Fragment ,useState} from 'react'; import NavBar from './Components/Navigation/NavBar' import { Route } from 'react-router-dom'; import HomePage from './Components/Home/HomePage.jsx'; import EventDetails from './Components/Events/EventDetails/EventDetails'; import EventForm from './Components/Events/EventForm'; function App() { const [formOpen,setFormVisibility]=useState(false); const[selectedEvent,setSelectedEvent]=useState(null); const handleSelectedEvent=(eventSelected)=>{ setSelectedEvent(eventSelected);

debugger;
console.log("inside handle selected Event"+eventSelected); setFormVisibility(true); } function handleFormOpen(){ setSelectedEvent(null); setFormVisibility(true) } return ( <>

{/* */} ); } export default App; ----------------------------------------------------------------------- Above code is content of App.js --------------------------index.js: START---------------------------- import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import 'semantic-ui-css/semantic.min.css' import App from './App'; import reportWebVitals from './reportWebVitals'; import { BrowserRouter } from 'react-router-dom'; const root = ReactDOM.createRoot(document.getElementById('root')); root.render( ); // If you want to start measuring performance in your app, pass a function // to log results (for example: reportWebVitals(console.log)) // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals reportWebVitals(); ---------------------------index.js:END------------------------------ Any assistance would be helpful!

[welcome[bot]]

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[brundabharadwaj]

edited

[brundabharadwaj]

I upgraded 'react-router-dom' and that fixed my issue!