npmpackage.info

Gathering detailed insights and metrics for @scaleway/use-query-params

@scaleway/use-query-params - 5.0.15 | npmpackage.info

@scaleway/use-query-params

scaleway-lib is a set of NPM packages used at Scaleway

5.0.15

MIT

TypeScript

2.94 kB

520,328 4.4

Installations

npm install @scaleway/use-query-params

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Min. Node Version

>=20.x

Node Version

20.19.2

NPM Version

10.8.2 Score

60.3

Supply Chain

91.5

Quality

93.9

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

6

Total

2,685

Closed

120

Merged

2,559

Issues

Open

2

Total

8

Closed

6

Releases

944

@scaleway/use-analytics@0.0.8

Updated on Jun 30, 2025

@scaleway/use-analytics@0.0.7

Updated on Jun 26, 2025

@scaleway/use-analytics@0.0.6

Updated on Jun 25, 2025

@scaleway/use-analytics@0.0.5

Updated on Jun 25, 2025

@scaleway/use-analytics@0.0.4

Updated on Jun 24, 2025

@scaleway/use-analytics@0.0.3

Updated on Jun 24, 2025

View All 944 releases

Languages

TypeScript

JavaScript

Python

TypeScript (91.6%)

JavaScript (8.08%)

Python (0.32%)

Developer

scaleway

Download Statistics

Total Downloads

520,328

Last Day

117

Last Week

1,708

Last Month

6,196

Last Year

98,242

GitHub Statistics

MIT License

29 Stars

3,056 Commits

11 Forks

11 Watchers

30 Branches

41 Contributors

Updated on Jun 30, 2025

Bundle Size

8.44 kB

Minified

2.94 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 41 Contributors

Package Meta Information

Latest Version

5.0.15

Package Id

@scaleway/use-query-params@5.0.15

Unpacked Size

8.39 kB

Size

2.92 kB

File Count

NPM Version

10.8.2

Node Version

20.19.2

Published on

Jun 23, 2025

Total Downloads

Cumulative downloads

Total Downloads

520,328

Last Day

-24%

117

Compared to previous day

Last Week

38.4%

1,708

Compared to previous week

Last Month

-35.8%

6,196

Compared to previous month

Last Year

-52.1%

98,242

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

`@scaleway/use-query-params`

A tiny hooks to handle use-query-params

Install

1$ pnpm add @scaleway/use-query-params react-router-dom

Usage

1import React from 'react'
2import { render } from 'react-dom'
3import { BrowserRouter as Router } from 'react-router-dom'
4import useQueryParams from '@scaleway/use-query-params'
5
6const App = () => {
7  const { queryParams, setQueryParams } = useQueryParams()
8  const { user } = queryParams
9  const setUser = () => setQueryParams({ user: 'John' })
10  // ?user=John
11
12  return (
13    <>
14      <h1>User: {user}</h1>
15      <button onClick={setUser}>Set User John</button>
16    </>
17  )
18}
19
20render(
21  <Router>
22    <App />
23  </Router>,
24  document.getElementById('react-root'),
25)

Set query params

Merge current query params with the new ones passed in parameters.

1// In this exemple we assume that we have an URL that include : `?company=Scaleway".
2import React from 'react'
3import useQueryParams from '@scaleway/use-query-params'
4
5const Component = () => {
6  const { queryParams, setQueryParams } = useQueryParams()
7  const { user, company } = queryParams // user will be undefined and company will be "Scaleway"
8  const setUser = () => setQueryParams({ user: 'John' }) // user will be "John" and company will be "Scaleway"
9  // ?company=Scaleway&user=John
10
11  return (
12    <>
13      <h1>User: {user}</h1>
14      <h1>Company: {company}</h1>
15      <button onClick={setUser}>Set User John</button>
16    </>
17  )
18}

Replace query params

Erase current query params and replace by the new ones passed in parameters.

1// In this exemple we assume that we have an URL that include : `?company=Scaleway".
2import React from 'react'
3import useQueryParams from '@scaleway/use-query-params'
4
5const Component = () => {
6  const { queryParams, replaceQueryParams } = useQueryParams()
7  const { user, company } = queryParams // user will be undefined and company will be "Scaleway"
8  const setUser = () => replaceQueryParams({ user: 'John' }) // user will be "John" and company will be undefined
9  // ?user=John
10
11  return (
12    <>
13      <h1>User: {user}</h1>
14      <h1>Company: {company}</h1>
15      <button onClick={setUser}>Set User John</button>
16    </>
17  )
18}

Push onto the stack instead of replacing

To avoid mutating history

1// In this exemple we assume that we have an URL that include : `?company=Scaleway".
2import React from 'react'
3import useQueryParams from '@scaleway/use-query-params'
4
5const Component = () => {
6  const { queryParams, replaceQueryParams } = useQueryParams()
7  const { user, company } = queryParams // user will be undefined and company will be "Scaleway"
8  const setUser = () => replaceQueryParams({ user: 'John' }, { push: true }) // user will be "John" and company will be undefined
9  // ?user=John
10
11  return (
12    <>
13      <h1>User: {user}</h1>
14      <h1>Company: {company}</h1>
15      <button onClick={setUser}>Set User John</button>
16    </>
17  )
18}

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/changesets-renovate.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/changesets-renovate.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/changesets-renovate.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/changesets-renovate.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:45: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:46: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:48: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:56: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:68: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:69: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:71: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/ci.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pull_request_title.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/pull_request_title.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/pull_request_title.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/pull_request_title.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pull_request_title.yml:14: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/pull_request_title.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/release.yml:25: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/release.yml:32: update your workflow using https://app.stepsecurity.io/secureworkflow/scaleway/scaleway-lib/release.yml/main?enable=pin
Info: 0 out of 13 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 9 third-party GitHubAction dependencies pinned

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

Score

4.4

/10

Last Scanned on 2025-06-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

@scaleway/use-query-params

Installations

Developer Guide

Yes

ESM

>=20.x

20.19.2

10.8.2

Score

Pull Requests

6

2,685

120

2,559

Issues

2

8

6

Releases

Languages

Developer

scaleway

Download Statistics

GitHub Statistics

Bundle Size

8.44 kB

2.94 kB

Maintainers

Package Meta Information

Total Downloads

520,328

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

@scaleway/use-query-params

A tiny hooks to handle use-query-params

Install

Usage

Set query params

Replace query params

Push onto the stack instead of replacing

10

10

10

10

6

0

0

0

0

0

0

0

4.4

/10

`@scaleway/use-query-params`