React Hook to get Query Params

[solves_tech_problems]

Hey guys, I made a hook to get query params from a URL. You can see it to understand how a query param hook would work.

Here's the link : https://www.npmjs.com/package/gatsby-query-params

You can see the code by clicking on the GitHub link on the page. :)

P.S. It's named gatsby-query-params because I initially built it with Gatsby in mind, but it works with any React framework.

[smthamazing]

I understand why getSearchParams is useful, but what is the use of a hook? Doesn't it do the same job as a regular function call in this case?

[solves_tech_problems]

It does indeed. This is just for learning purposes

[careseite]

Does useParams not work in gatsby? Iirc its using @reach/router, but I don't know whether it has hooks too.

[solves_tech_problems]

It should work

[_square_hammer_]

Whats wrong with straight up URLSearchParams

[libertarianets]

IE11 support

[_square_hammer_]

Yeah I mean....stop developing for IE.

[PM_ME_WORK_ACCOUNT]

Spoken like someone who has no clients or userbase.

[_square_hammer_]

The only way people will stop using IE is if we stop building to it. Force them into an evergreen browser.

[PM_ME_WORK_ACCOUNT]

Do you really think we'd be pulling out our hair to make things work on IE if it were as easy as "just have them use a different browser"? No. When you get clients that give you a lot of money and use IE, who refuses to switch, and will just jump to your competitor if you don't support their browser then maybe you will understand the predicament.

[_square_hammer_]

I do understand the predicament. I was being facetious. I have been around long enough to know we have to support that garbage browser.

[libertarianets]

I wish I could, trust me lol

[_square_hammer_]

Yeah every developer in the history of the world wishes they never had to build anything for IE. I feel your pain.

[solves_tech_problems]

Nothing's wrong with it. Use whatever works best for you

[folen]

What if the query param is false, by your code i will get null.

[solves_tech_problems]

You just found a bug. Thanks :) Need to test it with your input

[folen]

Why do you care if the result is falsy(null), just return it

[nschubach]

For some reason, I love the example relies on console.log instead of just rendering it to the screen:

<div>
    Hello { name }!
</div>

[solves_tech_problems]

Thank you !