React Router Setup + Usage | Complete React Course in Hindi #16

[@anuraggupta4555]

For anyone watching in November 2021, this is the updated React-16 syntax ``` ```

[@Sahil-nm7di]

yr yeh toh mene kr liya but navbar.js mein a tag ko Link mein change krne mein error aa rha hai.... any idea

[@bhavikatibrewal5327]

@@Sahil-nm7di check if you have imported link in the navbar component

[@aakashjyoti4580]

thank-you buddy

[@getknowledgebite3413]

Big Thnx Switch ke case m agr hum Switch Tag hta dete the too sare compnent show hote the but Routes Tag use na kre to error aata h ......Or switch m hum direct ye syntax use kr lete the jo bhot easy tha'

[@veereshgv]

thank you, it worked..

[@CodeWithHarry]

Update June 2022: React router dom ka syntax thoda sa change ho gaya hai. Documentation dekhkar thoda sa adjust kar lena :)

[@harshitrawat5847]

If You are getting an error because of update pls update your code... and also use this in the Navbar Home {props.aboutText}

[@rajsaxena1624]

@CodewithHarry bhai successfully compile ho gaya but white screen aarha he. Please update ka ek video banado chota sa

[@ParthivShah]

Ok bhaiya thanks for amazing course for free.

[@rupali_baranwal]

@@ICSSachinSingh NoiTs not working white screen aa rahi hai

[@rupali_baranwal]

@@harshitrawat5847 I am getting blank screen ..please help me

[@nme7885]

*UPDATE* For Anyone who is doing this with React *Router V6* as of 8th May 2023 . Few things have been *updated* .. 1. You cannot use Switch anymore with v6 you need to use BrowserRouter(Its same as Router) instead .Don't forget to import the same dependency import { BrowserRouter, Route, Routes } from "react-router-dom"; 2. Below is the syntax to follow with v6 React Router. Example ; To render About as /about use path '/about' and Element= // Example--> ================================================================================ Except these everything works as shown by Harry. Don't forget to Use Link and To which is shown in the video. Pasting return() part from App.js as reference ============================================================================= return ( ); ------------- Hope this helps.

[@out155]

Thanks so much

[@hariprasad467]

Thanks Bhai.

[@ayushagrawal4572]

Thank you Brother

[@civilengg8285]

Bhai white screen show ho rhi hai ab bhi kya kru

[@Mathematics-v1n]

Bhai lekin about me Mai Jaa nahi Raha hoon

[@yasirahmed73]

literally i am totally blank and dont know how to thank you,, just wanna say that whatever i will be credit goes to you ... thank you Sir .. love from Pakistan ♥️

[@kraw-vo4oy]

brilliant :) ... this is 1st first time I doing react... and this channel is the best platform on KZbin to learn :)

[@dinesht3589]

For anyone watching in May 2023, this is the updated React-16 syntax import "./App.css"; import Navbar from "./components/Navbar"; import TextForm from "./components/TextForm"; import About from "./components/About"; import React, { useState } from "react"; import Alert from "./components/Alert"; import { BrowserRouter, Route, Routes } from "react-router-dom"; function App() { const [mode, setMode] = useState(`light`); // Whether dark mode is enable or not const [alert, setAlert] = useState(null); const showAlert = (message, type) => { setAlert({ msg: message, type: type, }); setTimeout(() => { setAlert(null); }, 2000); }; // Toggle Dark Mode const toggleMode = () => { if (mode === `light`) { setMode(`dark`); document.body.style.backgroundColor = "#020334"; showAlert(`Dark mode has been enabled`, "success"); document.title = "TextUtils - Dark Mode"; } else { setMode(`light`); document.body.style.backgroundColor = "white"; showAlert(`Light mode has been enabled`, "success"); document.title = "TextUtils - Light Mode"; } }; return ( ); } export default App; ------------------------------------------------------------------------------------------------------------------------ Navbar.js import React from "react"; import PropTypes from "prop-types"; import { Link } from "react-router-dom"; export default function Navbar(props) { return ( {props.title} Home {props.aboutText} {/* Enable Dark Mode */} DarkMode {/* Search Button */} Search ); } Navbar.propTypes = { title: PropTypes.string, aboutText: PropTypes.string };

[@PrateekMaurya-se4xi]

Thank you Bhai ❤️❤️

[@parthabhuyan7602]

Thanks a lot man

[@dinesht3589]

@@PrateekMaurya-se4xi welcome

[@dinesht3589]

@@parthabhuyan7602 welcome

[@Likhit_by_me]

Thank you for this, was stuck in this for hours.

[@__sora__.]

I love this ending "Thank you so much guys for watching this video and I will see you next time....."

[@khrsgr]

music also

[@anshikaapaliwal]

For who so ever has made it till here, might find a blank screen appearing when compiling, so help yourself by making the changes as indicated below: First import: import { BrowserRouter, Routes, Route, Link } from "react-router-dom"; Then, < Route path="/" element= {} /> The issue is due to upgradation of React router from v5 to v6.

[@mgyoutube1885]

what do i need to import..is it the same code as in video or anything else?

[@chinmayi5215]

@@mgyoutube1885 No! import { BrowserRouter, Routes, Route, } from "react-router-dom";

[@vsaurabh7879]

Blank page open ho rha hai har bar..koi solution do plz

[@chinmayi5215]

@@vsaurabh7879 Try this import { Link } from 'react-router-dom'; About So basically you cannot use to="" as used in href tag but you can use to={' '}

[@yash_______105]

​@@vsaurabh7879 bro check the case of 'L' in importing link and html link tag

[@TheComputerScience09]

LOVE YOU SIR APKE SABHI COURSE SE MERA PAISA AUR TIME WEST NAHI HUAA THANKS HARRY SIR DIL. SE ❤️ LOVE YOU

[@COFFY_GAMING]

Shi kha bro

[@TheComputerScience09]

Ha Bhai PYTHON Academy Nagpur Me Python Ka Basic Ka Course 10000Rs Hai Price Lekin Mai CodWithHarry ka Video Se Mai Sabhi Kuch Sikha Gaya Ho ❤️

[@mohdzaheenafzal5103]

Best playlist on Internet ,far better than any paid course💯

[@prajwalladkat]

you are revolutionizing India's Future sir thanks for providing this valuable material for free.

[@udaywahi]

Bhai course bhale hi hindi me ho lekin aapne bhi macha diya aise concepts koi itna time invest karke nhi sikhata free me love you bro ♥️♥️

[@soumelee5661]

🎯 Key Takeaways for quick navigation: 00:00 🌐 React Router enables single-page application (SPA) behavior, preventing page reloads for smoother navigation. 02:21 React Router allows components to change dynamically without reloading the entire page, improving user experience. 03:17 React Router DOM is a package used for routing in React applications, facilitating smooth and fast navigation. 05:43 Replacing anchor tags (`a` and `href`) with React Router's `Link` and `to` components prevents page reloads, making navigation faster and smoother. 11:03 Using `exact` with route paths ensures precise matching in React Router, preventing unexpected rendering of components. Made with HARPA AI

[@helloworld2740]

i love this starting 1:01

[@sakshamjoshi1118]

Thank you Harry for this awesome React course ❤️❤️🔥

[@onkar10046]

Thapa technical ka video dekho better hai. Sidhi baat no bakwas

[@aniketkumar3910]

Sir todo list es playlist me h kya

[@summitrawat1093]

@@onkar10046 bhai tumne cover kar liya react pura course ?

[@DigitalAndTradingSolutions]

harry bhai has already pinned the solution comment which is really working and should work for everyone

[@TheComputerScience09]

YOUR Are Best Teacher Thanks You Harry Sir 😘😘😘

[@hassaanistic]

For anyone watching in June 2022 , this is the updated React-16 syntax got stuck for about 3 hours now it works

[@surbhibhardwaj7289]

thankyou so much

[@entry0693]

Thanks your 3 hrs saved my 3 hrs 😂 🇳🇵

[@chanchalsolanki2349]

Thanks

[@chanchalsolanki2349]

I added this code and there is no error in the terminal but still my webpage is not visible. I didn't find the issue . please help me

[@hassaanistic]

@@chanchalsolanki2349 make Sure You import all the Things Perfectly with correct spellings as well

[@pranjalpagaria322]

If you are having switch and black screen wali problem then just do this and try to understand -> (you have to import this) import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom"; And then you dont have to use switch use this -> just this and I hope your problem will be solved.

[@vaibhavagrawal6702]

I have done everything but in my terminal this is showing opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED'

[@khushaliporwal2582]

@@vaibhavagrawal6702 In package.json file, change start and build as below in scripts- "start": "react-scripts --openssl-legacy-provider start", "build": "react-scripts --openssl-legacy-provider build",

[@vaibhavagrawal6702]

@@khushaliporwal2582 thank u so much ,,, now it is working

[@harshitpahuja7186]

@@khushaliporwal2582 same problem solved now thanx a lot🥰

[@RahulYadav-nx5bl]

galat hai bhai tera do this instead.

[@welisten2242]

It works______________________ return ( );

[@punjabirock754]

Boommm✌️❤️

[@sayyedmaroof5051]

this was awesome harry bhai aaj aapne nayi chiz sikhayi

[@bala-nachoto-dekhi9466]

A little modification. In react router v6, the routing will be like below: import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";

[@RAM_LALA]

bhai npm react-router-dom bhi kahn hi chal raha hai

[@rohansingh8819]

but ye chiz documentation me kyu nhi h website ke?

[@sarimkhan9897]

ha yarr documentation se kuch samajh hi nhi aa raha

[@rohansingh8819]

@@sarimkhan9897 bhai tera hua kya? Mera to Jab main "Link to" use kar raha hu to white page aa raha h bs😓

[@ErMondeep]

@@rohansingh8819 Bhailog.. let's make a group to discuss these doubts!

[@harshitavyas7497]

This course is mind-blowing. How can someone teach so nicely 😅

[@abhinavshukla5628]

For anyone watching in October 2022, this is the updated syntax: import { BrowserRouter, Routes, Route } from "react-router-dom";

[@theshaquib1030]

thanxs bro

[@ayushishukla6912]

it is showing blank screen , please share the solution

[@ThomasShelby-s1q]

4 year of coding still harry Bhai channel and its comment section help me. COMMUNITY OF CODERS WE MEET AGAIN ❤️

[@user-ashokkumar001m]

Kya huaa bro 2024 me Sikh rha hai kya 😂

[@santoshsonar9983]

This React course is very helpful...🔥🔥🔥

[@summitrawat1093]

bhai tumne complete kr liya y react course ?

[@nextleveltech267]

Lot of love and Thanks for the Knowledge you shared❤️❤️❤️

[@Deepakdabaria11]

This react course is helpfull😍

[@Gymbrozz99]

Mai Aa gya Bhaiya apka Video Dekhne Love You ❤️

[@rajkumarm526]

6/5 This course is awesome

[@TechTalkXplore]

Harry Sir = Save Money 💰 and Time ⌚ Love You Sir ❣️

[@niteshkumarsingh1450]

Jiske mein bhi "dispatcher in null" error aa raha h Step1: npm install react-router-dom@6 command vs code ke terminal mein run krna kyunki version 5 ki video hai ye uske baad update mein version 6 aa gaya tha Step2: ko replace kia gaya se to apne code mein ye change krlo Step3: Ek baar code editor restart kro Step4: Stack overflow mein ya copilot/chatgpt pe error check kro Step5: Syntax of react router is changed, look in docs for correct ones Step6: Anlom Vilom karo PS: Step1 worked for me Solution April 2024

[@WasyOfficial]

Great! Your Teaching Style Seriously Awesome! Ek request hai aap se, ek video aap apne code with herry ko designing kaise kiya hai sirf struction ko samjha dijiye

[@yasjudanulislam8908]

Switch has been replaced with routes here's the code

[@sayedh5948]

Thanks a lot ♥️

[@shekharhans1644]

Thanks a lot bro....

[@RahulYadav-nx5bl]

galat hai bhai tera do this instead.

[@nitinthakur_01]

Thanks 😊

[@sapnajha7222]

But why?

[@anonymousgerman2809]

Thankyou harry bhai apne bot ache tarah se samajaya

[@nayeemurrahman485]

I was trying to learn React for a long time. But in every tutorial series I've watched, I couldn't understand anything but some basics. Thank you very much.❤️

[@nikolasteslaidol1796]

Same

[@codeabhi8696]

This is the best course. Thankyou Harry bhaiya😍

[@sabajaved2035]

For anyone implementing in 2023: App.js: import { Routes, Route, } from "react-router-dom"; return ( ); Navbar.js: import { Link } from 'react-router-dom'; replace the lis with the following: Home {props.aboutText} index.js: root.render( );

[@Heroic767]

Viewing this code today 26-March-2024 there are only 2 changes import using this import { BrowserRouter, Routes, Route } from 'react-router-dom'; Routing return ( );

[@rahulvb27]

Thank you!

[@ManishKumar-cs8zv]

Thank u 🎉❤

[@Digitaltechnologieshere]

​@@rahulvb27 i am more thankful for appreciation brother.. Being from Pakistan learning react from harry sir

[@Digitaltechnologieshere]

​@@ManishKumar-cs8zv stay blessed bro

[@sukhera89]

if you are learning it in October 2022,, this is how we use router --step 1 : go to terminal and run --> npm install react-router-dom --step 2 : import router in App.js like this import { BrowserRouter as Router, Route, Routes } from "react-router-dom"; --step 3: //in place of

[@Faizan-mb2lm]

Here is updated syntax for routing : App.js : import './App.css'; import Navbar from './components/Navbar'; import Textform from './components/Textform'; import About from './components/About'; import Alert from './components/Alert'; import { useState } from 'react'; // import { BrowserRouter as Router, Route, NavLink } from 'react-router-dom' import { BrowserRouter, Route, Routes } from "react-router-dom"; function App() { const toggleMode=()=>{ if(mode==='dark'){ setDarkMode('light') document.body.style.backgroundColor="white" document.body.style.color="black" } else { setDarkMode('dark') document.body.style.backgroundColor="#03001C" document.body.style.color="white" } } const showalert=(message,type)=>{ setalert({ msg:message, type:type,// type is in bootstrap }); // Clear the alert after a certain period setTimeout(() => { setalert({}); }, 2000); } const [alert, setalert] = useState({}) const [mode, setDarkMode]=useState('light'); // dark is enable or not return ( ); } export default App; Navbar.js: // component file name 1st letter must be capital alwayss import React from 'react' import { Link } from 'react-router-dom'; export default function Navbar(props) { return ( {props.title} Home About Enable Mode ) }

[@vibudhrathore]

blank screen aa rha

[@Faizan-mb2lm]

@@vibudhrathore this is just syntax of routing try this syntax on your code

[@rupeshvanneldas27]

Thanks man

[@Faizan-mb2lm]

@@rupeshvanneldas27 you are welcome

[@simcard2732]

can't resolve 'react-router-dom' error aa raha hai

[@GeekyShubhamSharma]

I was eagerly waiting for this video thanks harry bhai very nice video❤❤❤❤❤♥️♥️♥️

[@mohituniyal7]

I would comment in every video till you don't reply. I am really thankful to you. I didn't have cs in 12th but learned programming c and CPP from your videos and still learning. Moreover, I got a confidence boost. Once again thank you for your efforts.

[@b_107_satyakisaha6]

bro take some rest

[@khrsgr]

keep it up! brother I am with you!

[@KaisanFacts]

the best react course in the world

[@INoob00b]

are you able to do react routing? please help me

[@chinmayi5215]

For those who are getting blank page after using Link to Try this out: import { Link } from 'react-router-dom'; About So basically you cannot use to="" as used in href tag but you can use to={' '}

[@SantoshDashTech]

When I clicked in a link URL changed but that corresponding component is not displayed after refresh then it's work any solution please ....

[@yogeshkumar-rm1ne]

@@SantoshDashTech is this problem occuring after use link to or without use of link to?????

[@harshjha271]

still the page is blank what should i do?? please help

[@yogeshkumar-rm1ne]

@@harshjha271 bro use the new syntax.......Use routes and import instead of switch ....like in the example.... import { BrowserRouter, Routes, Route, Link } from "react-router-dom"; Then, < Route path="/" element= {} /> The issue is due to upgradation of React from v5 to v6.

[@harshjha271]

@@yogeshkumar-rm1ne actually the router tag should be in jsx tag on top and bottom in return function i put it after navbar closing tag that's why my page was blank.. I figured it out thanks for helping.

[@footballbro2327]

16 Videos on 5 Days, Harry Bhai is on Fire 🔥🔥

[@akshatasticvlogs]

ATTENTION : HARRY DUE TO LATEST VERSION, WHATEVER YOU TOLD US IN THIS VIDEO IS NOT WORKING OUT AND MANY OF US ARE STUCK HERE, WE REALLY WANT TO COMPLETE THIS REACT COURSE SO PLS HELP US ...PLS MAKE SEPRATE VIDEO ABOUT THIS INSTALLATION AS PER NEW VERSION IT WILL BE REALLY REALLY HELPFUL 🤞

[@soniyaagrawal1029]

// This is a React Router v6 app import { BrowserRouter, Routes, Route, Link, Outlet } from "react-router-dom"; function App() { return ( ); }

[@AryanSharma-dw9df]

@@soniyaagrawal1029 I am getting blank screens, when I used 'Link' 'to' in place of 'a' and 'href'. Before this change, it was working fine. Can you help me with this.

[@vivekmaru2557]

@@AryanSharma-dw9df bhai same any solution

[@bekaarengineerr]

@@vivekmaru2557 It gets resolved when you put the Navbar inside the router.

[@fahadhussain137]

@@bekaarengineerr nhi horrha bhai router ke ander daaal ke bhi

[@LEGENDX22]

Harry bhai always op me kalse w8 krraha tha video ka 🥺

[@uditsharma5697]

don't know the problem but when i click on about i have to reload the page and then the content of the page changes to about and same for the home i have to reload the page manually whenever i click home or about

[@shalinisingh4043]

Same problem I also have

[@uditsharma5697]

@@shalinisingh4043 I solved the problem with too much effort and searching now its your turn

[@thinkandgain7]

Thanks Harry bhai for this react course. I am enjoying the course your method of teachinf is perfect. Love from Pakistan🤩

[@rajatsingh8364]

I aspire to be as helpful as he is to the world someday. Thanks Harry bhai!

[@rajvanshi8]

Harry bhai maza aa rha h😇😄 And little modification 19/04/2023

[@shubhamkumarmandal2132]

Bhai ye mere me work nhi kar rha pt nhi kyun

[@ashwathsaxena1192]

thanks bhai

[@ashwathsaxena1192]

@@shubhamkumarmandal2132 code bhej apna

[@shivakumarwarriors7964]

Love you Harry sir u re doing a great job always thankful to you for your great contribution 👍👏🙏🙏

[@simple8810]

Thank You Harry for complete series on react

[@adwaitbokade2890]

amazing course big brother ! is next video coming today ? We made previous React project in bootstrap till now , can we built a small project without bootstrap 😎, tab 🔥 wali feeling ayegi

[@GOPALDUBEYRA]

CORRECTION Replace {/* */} With AND import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom"; REASON -> UPDATE

[@sahilsuman9588]

bro, i have done all these things but i am getting error like Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

[@dhruvdornal803]

Link is not working in Navbar it is not even displaying the whole page

[@deeptidip9864]

@@dhruvdornal803 iam also facing same problem.. did u get any solution

[@krishgarg2806]

Thank you so much bhai. Maine about page mai dark mode integrate kar liya, upar nav bar mai wo bhi set kar diya ki jis page pe ho, uspe active wali class aa jae.

[@adhithespeedster]

Syntax change in React 17. Instead of switch, routes is used and component is declared in element attribute inside route. function App() { return ( ); }

[@ankushmaity2635]

that was really helpful thanks!!!!!

[@amarwavare711]

Alternate solution : 1). Uninstall Previous Version- npm uninstall react-router-dom 2). Install Older version- npm install react-router-dom@5.2.0

[@someshthapliyal6619]

Do i need to keep the link and to in the navbar?

[@someshthapliyal6619]

@@ankushmaity2635 Bro is your working? and did you use the to and link in the navbar?

[@SantoshKumar-vz6he]

good work

[@HammadAlamSiddique-yg1te]

jumma mubarak harry bhai

[@suvigyabasnotra7378]

Error: 'Switch' is not exported from 'react-router-dom'. Stack Overflow couldn't solve this issue!

[@playmaker159]

having the same issue

[@khrsgr]

@@playmaker159 having the same issue

[@khrsgr]

@@playmaker159 I fixed this.

[@ARMotivation24]

Do This in Terminal Step 1: npm uninstall react-router-dom step 2: npm install react-router-dom@5.2.0 Step 3: npm run start Your Issue will be Fixed 😊

[@trooperzooper6092]

Just use Routes Instead of Switch , In version 6 Switch is replaced with Routes. Or install Old version of react-router-dom.

[@tejaskumar4470]

Awesome React Course 🔥😊

[@rohittewari6902]

If you came across this error: export 'Switch' (imported as 'Switch') was not found in 'react-router-dom' (possible exports: BrowserRouter, HashRouter, Link, MemoryRouter, NavLink, Navigate, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, createRoutesFromChildren, createSearchParams, generatePath, matchPath, matchRoutes, renderMatches, resolvePath, unstable_HistoryRouter, useHref, useInRouterContext, useLinkClickHandler, useLocation, useMatch, useNavigate, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes, useSearchParams) Use this syntax: import { BrowserRouter as Router, Routes, Route } from "react-router-dom"; // Importing React Router Dom return ( ); Reason: If you are using react-router-dom v6+, then Switch is replaced with Routes. So you need to simply import routes and you can use it here. Also You Need to update Route declaration.

[@biswabaral949]

still getting errors

[@MohammadAhmad-i3n]

Thanks a lot.

[@ransilpinto8543]

Thank Bhai.. it works .. was stuck for 2 hours

[@rohittewari6902]

@@ransilpinto8543 ❤

[@AMMARALABAD-g9y]

so beautiful so elegant just studying like a wow

[@AJ_Tinku]

hi guys React router has been updated so their are little changes so i changed little tags to get output got output I have made a change in App.js which is present in src folder import { Route, Routes, useRouteMatch, useParams } from "react-router-dom" && return ( // );

[@omprakashshaw796]

Error: useRoutes() may be used only in the context of a component.

[@ajmeerkhja9379]

for those who are learing React js after feb 2023 there is a little change in santax in react-router-dom //also the following changes in navbar links Home About // the way to use {to} in Link is little change compared to this video as you can see above

[@RecheckTech]

Sir I need your help.I am from B. Tech background and my age is 25 now.. I don't have any experience due to my personal mistake to choose career path. But sir now I wanted do work as a Front end developer and hence I am seriously prepareing from your course of web developement to achieve these skills..Also I wanted to learn all the concept of Full stack development... Please sir guide me how can I get a good job from where I can build my skill. No matter what the salary is I want to join in any company who require these web development skill... My only question is that Is it really possible to get a job now without having any experience and how I should design my CV.. What type of projects should I do... Please sir reply me.. I am really worried now about my career.. Please sir guide my... I will do everything to get a job.. And I will learn every thing from ur course... Please sir make a video on this topic.. Or sir please give me a reply....

[@rahulchilap6420]

Bro relax. We are on the same boat and that journey of struggle is real in our case. Work hard and everything can be achieved.

[@k31gamingtv]

Awesome video..thank you so much !!

[@RajSingh-te1uo]

Src: W3Schools

[@Zohaib_AI]

Thanks you So Much Thanks sir

[@haroonrasheedpatel244]

Great Harry Bhai, u r best! let everyone know that Switch is changed to Routes

[@Divyesh44]

The React router docs is so messed up and makes it really difficult for us beginners. Thanks to some of you to provide the updated version below. I've compiled the minimal changes you gotta make as of 25th july 2023. Update the changes and the rest of the code remains same. Try to understand the code more than copy pasting. App.js => import { BrowserRouter, Route, Routes } from "react-router-dom"; -- -- return ( ); Navbar.js : {props.title} // Title link Home // Textform link {props.about} // About link

[@aayushmohite07]

bhai muje abhi bhi same error arha hai,"Cannot read properties of null (reading 'useRef') with a blank screen.Tera code paste krne ke baad bhi solve nhi hua issue.Plz reply

[@rahulgandhi5844]

@@aayushmohite07same muje bhi aarha hai

[@rahulgandhi5844]

Bhai nhi ho rha hai

[@LubnaKhan-vp7pd]

Thankuuuuuuuuuuuuu it worked!

[@rahulgandhi5844]

@@LubnaKhan-vp7pd mera nhi hua apka Kaise hua

[@karunasagarks5228]

this React course is Awesome Harry bhai ! please teach us Angular from scratch ! we need a playlist of Angular, Thank you very much, really appreciate your efforts for us !

[@bhargavnadipineni9354]

My Link tag which is in navbar is not working.. if we use anchor tag the page is refreshing while it gets switched Home

[@priyankasaini7204]

did you get any solution to this , please tell me , i searved everything but found nothing

[@zuhaibulhassan.]

Amazing tutorial Harry Sir 😍

[@bdkfeel482]

You are great sir I am learning this course It was helpful

[@lakshrao2376]

while installing react router dom this error will come up to date, audited 1512 packages in 2s 238 packages are looking for funding run `npm fund` for details 6 high severity vulnerabilities To address all issues (including breaking changes), run: npm audit fix --force Run `npm audit` for details. anyone know how to resolve this

[@jawedhawari6927]

npm audit fix --force run kiya uske baad, npm start kam nhi kr raha.

[@kirtiiyer490]

Fantastic video harry sir 😍

[@lilwayne6037]

React Router version 6 is out and your part 16 on this course is kind of broken now... Please update the video if possible. @CodeWithHarry

[@summitrawat1093]

bhai react ka course complete kr liya tumne ???

[@OREVA.]

For anyone watching in 2024, this is the Updated Syntax: return ( ); } export default App;

[@DevDynamo-me]

has been updated with in version 6. If you getting any problem or error use the code below:

[@bishalgurung8071]

thanks bro😊

[@yash_______105]

any changes in link?

[@gauravsinghjethuri5405]

so much thanks broo😊

[@DevDynamo-me]

@@yash_______105 No changes to link

[@dibyajyotimondal7011]

I was waiting for your video

[@thenadastudio8295]

React router dom syntax has been changed in React version greater than 6.2.0 you cannot use Switches and it has been replaced by Routes , So we have to import Import {BrowserRouter as Router, Routes , Route, Link} from 'react-router-dom' And replace from

[@vishalmankar4969]

Thia react course is very helpful

[@AnilYadav-qn3ch]

thank harry I have solved the problem of version ^6.4.3 import this import {BrowserRouter, Routes, Route,} from "react-router-dom";

[@PriyanshuSingh-hm4tn]

GREAT VIDEO!

[@razahussain7413]

SIR ab ye router react dom purana ho gya hai plz nye recat dom k liye ek post kijiye harry bhai

[@pratyushpradhan1844]

+1

[@khrsgr]

@@pratyushpradhan1844 I fixed this.

[@pratyushpradhan1844]

Instead of using Switch import routes and use routes in place of switch keyword. And with the help of element tag put your about component inside it. This will fix the issue

[@msbasera]

Awesome bhai ❤️

[@thebabayaga9105]

React router changes the url but not the view

[@arsh2935]

yeah facing the same issue

[@arsh2935]

were you able to solve this?

[@JoydipRoychowdhury-k3g]

Harry Bhai. Perhaps you have not seen my previous query. I am stuck on this point. However,.React-router-dom some modification. Switch is no longer used after React version 6. It should be imported { BrowserRouter as Router, //Switch, Routes, Route, Link } from "react-router-dom";

[@Anukarshrajsingh]

If you are using react-router-dom v6 and above, then this is the updated syntax:

[@shubhamtanwar679]

And what about Link {props.About} i'm using this but blank page is showing. what to do now help!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!help!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!help!!!!!!!!!!!!!!!!!!!!!!!!!

[@learnerboy4405]

Thankyou Very Much.....

[@sagarbalamwar]

Thank you so much man i stuck here so much thanks for the help

[@shi-nee7966]

For the algorithem. Altho i bought a course on udemy before this course started but i know harry bhai's the best. So im liking and commenting on every video for the algo.

[@Hamzaali-uw5hu]

give me a website link of react router dom please

[@prashantsingh-oy8go]

For anyone watching now, Syntax has been updated. Now instead of Switches import Routes import{ BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";

[@017_indrasen9]

Can you please give the link from where you have taken this code

[@parthbendre7607]

After doing exactly same as done in video. Don't know why but my site is going blank.

[@hostile_user]

Have you solve the problem? Facing the same problem too

[@vivekmeena4551]

@@hostile_user me tooo i have facing this over a long time

[@sonudangi8686]

@desiboi2559 i am also facing this problem

[@sonudangi8686]

@desiboi2559 but i am got it

[@architgupta6741]

thank you harry bhai..🤙👏🙏

[@deepanshugoyal1250]

Harry Bhai,< Link/> use kar rahu hu but url to change ho jata hai, but render nahi hota component . plz help I am making eshop website..

[@deepanshugoyal1250]

I got solution that I was using Strictmode but after removing it it is working

[@sagarpatel3352]

yes same issue 'Link' is defined but never used ..... any solution bro??

[@vintagex4350]

​@@sagarpatel3352 bhai link wala solution Mila ho to bta do bhai

[@priyankasaini7204]

@@sagarpatel3352 please help

[@harshjaiswal1634]

Bhai maza aa gaya

[@nishkarshjain5684]

I encountered with an error. Though I follow the video lecture thoroughly. ERROR : Switch is not exported from "react-router-dom"... If any one Know how to remove it... Plz dm me 👍🏻👍🏻👍🏻

[@Shubham_Maurya_001]

same here

[@Shubham_Maurya_001]

have you got the solution

[@nishkarshjain5684]

@@Shubham_Maurya_001 Not yet bro.

[@Truth_Seeeker]

React-router-dom is updated to v6 im also in a problem cant use this syntax

[@taranpreetsingh1424]

Use like this It will definitely not show an error

[@jeevankurian9148]

Thank You

[@ankukushwaha1098]

Thank you so much

[@KaheBtaye]

@@ankukushwaha1098 bhai apka ho gya ho toh mujhe bi bta do kaise hoga

[@afizahaq135]

I am learning react from you very nice course❤️

[@harismehboob3557]

Those using new version of npm some things have been changed as Switch replaced with Router. So this code may help return ( );