react-router-typesafe-routes

KO | EN

gitlite — search

#javascript #python #react #golang #android #machine-learning #rust #linux #docker #java #cli #awesome-list #pytorch #mcp

react-router-typesafe-routes

(★ 166)

Enhanced type safety via validation for all route params in React Router v7.

파일 탐색기

최종 버전 다운로드 (.zip)

- - checks.yml
  - prerelease.yml
  - release.yml
- - Project_Default.xml
- .gitignore
- jsLibraryMappings.xml
- modules.xml
- prettier.xml
- react-router-typesafe-routes.iml
- vcs.xml
- extensions.json
- settings.json
- - @aashutoshrathi-word-wrap-npm-1.2.6-5b1d95e487-ada901b9e7.zip
  - @ampproject-remapping-npm-2.2.0-114878fa50-d74d170d06.zip
  - @ampproject-remapping-npm-2.2.1-3da3d624be-03c04fd526.zip
  - @babel-code-frame-npm-7.16.7-093eb9e124-db2f7faa31.zip
  - @babel-code-frame-npm-7.22.5-b36f88d6f9-cfe804f518.zip
  - @babel-compat-data-npm-7.17.10-78bb00a360-e85051087c.zip
  - @babel-compat-data-npm-7.22.9-f9e02d51b9-bed77d9044.zip
  - @babel-core-npm-7.18.0-e955477e34-350b7724a4.zip
  - @babel-core-npm-7.22.9-509b29c82e-7bf069aece.zip
  - @babel-generator-npm-7.18.0-f5b6ff81fc-0854b21d94.zip
  - @babel-generator-npm-7.22.9-d9fccf9328-7c9d2c58b8.zip
  - @babel-helper-annotate-as-pure-npm-7.22.5-f38dc8aa1c-53da330f18.zip
  - @babel-helper-compilation-targets-npm-7.17.10-4648377de1-5f547c7ebd.zip
  - @babel-helper-compilation-targets-npm-7.22.9-b4473889ca-ea0006c6a9.zip
  - @babel-helper-create-class-features-plugin-npm-7.22.9-90b28a6ed8-6c2436d1a5.zip
  - @babel-helper-environment-visitor-npm-7.16.7-3ee2ba2019-c03a10105d.zip
  - @babel-helper-environment-visitor-npm-7.22.5-7bc52eec61-248532077d.zip
  - @babel-helper-function-name-npm-7.17.9-baf558fead-a59b2e5af5.zip
  - @babel-helper-function-name-npm-7.22.5-8a1a69b63d-6b1f6ce1b1.zip
  - @babel-helper-hoist-variables-npm-7.16.7-25cc3abba4-6ae1641f4a.zip
  - @babel-helper-hoist-variables-npm-7.22.5-6db3192347-394ca191b4.zip
  - @babel-helper-member-expression-to-functions-npm-7.22.5-04d5cbe959-4bd5791529.zip
  - @babel-helper-module-imports-npm-7.16.7-19c74fd92b-ddd2c4a600.zip
  - @babel-helper-module-imports-npm-7.22.5-399b6063db-9ac2b0404f.zip
  - @babel-helper-module-transforms-npm-7.18.0-7aab6847ad-824c3967c0.zip
  - @babel-helper-module-transforms-npm-7.22.9-dfa9ef05d1-2751f77660.zip
  - @babel-helper-optimise-call-expression-npm-7.22.5-846964ef82-c70ef6cc6b.zip
  - @babel-helper-plugin-utils-npm-7.17.12-49129e950f-4813cf0ddb.zip
  - @babel-helper-plugin-utils-npm-7.20.2-63f605bb73-f6cae53b7f.zip
  - @babel-helper-plugin-utils-npm-7.22.5-192e38e1de-c0fc722707.zip
  - @babel-helper-replace-supers-npm-7.22.9-d354e39111-d41471f56f.zip
  - @babel-helper-simple-access-npm-7.17.7-3274d165af-58a9bfd054.zip
  - @babel-helper-simple-access-npm-7.22.5-0a3f578780-fe9686714c.zip
  - @babel-helper-skip-transparent-expression-wrappers-npm-7.22.5-a398428942-1012ef2295.zip
  - @babel-helper-split-export-declaration-npm-7.16.7-5b9ae90171-e10aaf1354.zip
  - @babel-helper-split-export-declaration-npm-7.22.6-e723505aef-e141cace58.zip
  - @babel-helper-string-parser-npm-7.22.5-448ff0e489-836851ca5e.zip
  - @babel-helper-validator-identifier-npm-7.16.7-8599fb00fc-dbb3db9d18.zip
  - @babel-helper-validator-identifier-npm-7.22.5-4536624779-7f0f301134.zip
  - @babel-helper-validator-option-npm-7.16.7-d13e9c1d9e-c5ccc45191.zip
  - @babel-helper-validator-option-npm-7.22.5-eaf22b24ab-bbeca8a85e.zip
  - @babel-helpers-npm-7.18.0-a384fbcaa1-3f41631c07.zip
  - @babel-helpers-npm-7.22.6-8e54464b9e-5c1f33241f.zip
  - @babel-highlight-npm-7.17.12-73223b881e-841a11aa35.zip
  - @babel-highlight-npm-7.22.5-3182ccc1fe-f61ae6de6e.zip
  - @babel-parser-npm-7.18.0-77a18bef7b-253b5828bf.zip
  - @babel-parser-npm-7.22.7-7fbdf28552-02209ddbd4.zip
  - @babel-plugin-proposal-class-properties-npm-7.18.6-5f5c2d730f-49a78a2773.zip
  - @babel-plugin-proposal-nullish-coalescing-operator-npm-7.18.6-cf22ea8526-949c9ddcde.zip
  - @babel-plugin-proposal-optional-chaining-npm-7.21.0-cdbb1b2888-11c5449e01.zip
  - @babel-plugin-syntax-async-generators-npm-7.8.4-d10cf993c9-7ed1c1d9b9.zip
  - @babel-plugin-syntax-bigint-npm-7.8.3-b05d971e6c-3a10849d83.zip
  - @babel-plugin-syntax-class-properties-npm-7.12.13-002ee9d930-24f34b196d.zip
  - @babel-plugin-syntax-flow-npm-7.22.5-2574b5b157-84c8c40fcf.zip
  - @babel-plugin-syntax-import-meta-npm-7.10.4-4a0a0158bc-166ac1125d.zip
  - @babel-plugin-syntax-json-strings-npm-7.8.3-6dc7848179-bf5aea1f31.zip
  - @babel-plugin-syntax-jsx-npm-7.18.6-3e378d5f11-6d37ea9729.zip
  - @babel-plugin-syntax-jsx-npm-7.22.5-2cbf8e7e68-8829d30c26.zip
  - @babel-plugin-syntax-logical-assignment-operators-npm-7.10.4-72ae00fdf6-aff3357703.zip
  - @babel-plugin-syntax-nullish-coalescing-operator-npm-7.8.3-8a723173b5-87aca49189.zip
  - @babel-plugin-syntax-numeric-separator-npm-7.10.4-81444be605-01ec5547bd.zip
  - @babel-plugin-syntax-object-rest-spread-npm-7.8.3-60bd05b6ae-fddcf581a5.zip
  - @babel-plugin-syntax-optional-catch-binding-npm-7.8.3-ce337427d8-910d90e72b.zip
  - @babel-plugin-syntax-optional-chaining-npm-7.8.3-f3f3c79579-eef94d53a1.zip
  - @babel-plugin-syntax-top-level-await-npm-7.14.5-60a0a2e83b-bbd1a56b09.zip
  - @babel-plugin-syntax-typescript-npm-7.17.12-cc4750e4bf-50ab09f195.zip
  - @babel-plugin-syntax-typescript-npm-7.22.5-e17157d73d-8ab7718fbb.zip
  - @babel-plugin-transform-flow-strip-types-npm-7.22.5-e3f8bbd97b-1ba48187d6.zip
  - @babel-plugin-transform-modules-commonjs-npm-7.22.5-9fb6bd76fa-2067aca8f6.zip
  - @babel-plugin-transform-typescript-npm-7.22.9-d009104f96-6d1317a54d.zip
  - @babel-preset-flow-npm-7.22.5-08563d86bc-0bf6f587e9.zip
  - @babel-preset-typescript-npm-7.22.5-cd7e0abd79-7be1670cb4.zip
  - @babel-register-npm-7.22.5-ae9abed367-723ce27fda.zip
  - @babel-template-npm-7.16.7-a18e444be8-10cd112e89.zip
  - @babel-template-npm-7.22.5-358c44dc9d-c574641016.zip
  - @babel-traverse-npm-7.18.0-311f00d850-b80b49ba5c.zip
  - @babel-traverse-npm-7.22.8-98fbaaf7d8-a381369bc3.zip
  - @babel-types-npm-7.18.0-f0693aeded-151485f94c.zip
  - @babel-types-npm-7.22.5-d1e4264bef-c13a9c1dc7.zip
  - @bcoe-v8-coverage-npm-0.2.3-9e27b3c57e-850f930553.zip
  - @eslint-community-eslint-utils-npm-4.2.0-434cf92d50-82fdd1cc2a.zip
  - @eslint-community-eslint-utils-npm-4.4.0-d1791bd5a3-cdfe3ae42b.zip
  - @eslint-community-regexpp-npm-4.6.2-0fc083c210-a3c341377b.zip
  - @eslint-eslintrc-npm-2.1.2-feb0771c9f-bc742a1e3b.zip
  - @eslint-js-npm-8.47.0-ecde461ef4-0ef57fe27b.zip
  - @gar-promisify-npm-1.1.3-ac1a325862-4059f790e2.zip
  - @humanwhocodes-config-array-npm-0.11.10-7b63df9e7f-1b1302e240.zip
  - @humanwhocodes-module-importer-npm-1.0.1-9d07ed2e4a-0fd22007db.zip
  - @humanwhocodes-object-schema-npm-1.2.1-eb622b5d0e-a824a1ec31.zip
  - @istanbuljs-load-nyc-config-npm-1.1.0-42d17c9cb1-d578da5e2e.zip
  - @istanbuljs-schema-npm-0.1.3-466bd3eaaa-5282759d96.zip
  - @jest-console-npm-29.5.0-83c389ece6-9f4f4b8fab.zip
  - @jest-core-npm-29.5.0-39570175a0-9e8f5243fe.zip
  - @jest-environment-npm-29.5.0-e56073a8da-921de6325c.zip
  - @jest-expect-npm-29.5.0-5a0f59dbb2-bd10e29511.zip
  - @jest-expect-utils-npm-29.5.0-69b6ba2629-c46fb677c8.zip
  - @jest-fake-timers-npm-29.5.0-2aa473528b-69930c6922.zip
  - @jest-globals-npm-29.5.0-422d68c3c4-b309ab8f21.zip
  - @jest-reporters-npm-29.5.0-4a682bb3f7-481268aac9.zip
  - @jest-schemas-npm-29.4.3-7d963e8d97-ac754e245c.zip
  - @jest-source-map-npm-29.4.3-5978e0c3b9-2301d22514.zip
  - @jest-test-result-npm-29.5.0-811e0e2459-2e8ff52422.zip
  - @jest-test-sequencer-npm-29.5.0-014a9472cd-eca34b4aeb.zip
  - @jest-transform-npm-29.5.0-0a2f81b553-d55d604085.zip
  - @jest-types-npm-29.5.0-36a4c63efc-1811f94b19.zip
  - @jridgewell-gen-mapping-npm-0.1.1-3bad172ac6-3bcc21fe78.zip
  - @jridgewell-gen-mapping-npm-0.3.1-945956db05-e9e7bb3335.zip
  - @jridgewell-gen-mapping-npm-0.3.3-1815eba94c-4a74944bd3.zip
  - @jridgewell-resolve-uri-npm-3.0.7-5d7f391f4f-94f454f4ce.zip
  - @jridgewell-resolve-uri-npm-3.1.0-6ff2351e61-b5ceaaf9a1.zip
  - @jridgewell-set-array-npm-1.1.1-0d86b67787-cc5d91e038.zip
  - @jridgewell-set-array-npm-1.1.2-45b82d7fb6-69a84d5980.zip
  - @jridgewell-sourcemap-codec-npm-1.4.13-b0c90a5760-f14449096f.zip
  - @jridgewell-sourcemap-codec-npm-1.4.14-f5f0630788-61100637b6.zip
  - @jridgewell-trace-mapping-npm-0.3.13-b1ff8985e7-e38254e830.zip
  - @jridgewell-trace-mapping-npm-0.3.17-57578fd48c-9d703b859c.zip
  - @jridgewell-trace-mapping-npm-0.3.18-cd96571385-0572669f85.zip
  - @nodelib-fs.scandir-npm-2.1.5-89c67370dd-a970d595bd.zip
  - @nodelib-fs.stat-npm-2.0.5-01f4dd3030-012480b5ca.zip
  - @nodelib-fs.walk-npm-1.2.8-b4a89da548-190c643f15.zip
  - @npmcli-fs-npm-2.1.0-3b106d08bc-6ec6d678af.zip
  - @npmcli-move-file-npm-2.0.0-d8bd1d35d2-1388777b50.zip
  - @sinclair-typebox-npm-0.25.24-d04d0f45ef-10219c58f4.zip
  - @sinonjs-commons-npm-2.0.0-3716f24f20-5023ba17ed.zip
  - @sinonjs-fake-timers-npm-10.0.2-c5fa80f1cc-c62aa98e7c.zip
  - @tootallnate-once-npm-2.0.0-e36cf4f140-ad87447820.zip
  - @types-babel__core-npm-7.1.19-bd8ad53364-8c9fa87a1c.zip
  - @types-babel__generator-npm-7.6.4-03e776f956-20effbbb5f.zip
  - @types-babel__template-npm-7.4.1-fe1db49e53-649fe8b42c.zip
  - @types-babel__traverse-npm-7.17.1-97c6ab6eab-8992d8c1ea.zip
  - @types-cookie-npm-0.6.0-1f4c3f48f0-5edce79957.zip
  - @types-debug-npm-4.1.8-a04e2ca136-a9a9bb40a1.zip
  - @types-graceful-fs-npm-4.1.5-91d62e1050-d076bb61f4.zip
  - @types-istanbul-lib-coverage-npm-2.0.4-734954bb56-a25d7589ee.zip
  - @types-istanbul-lib-report-npm-3.0.0-50de3e6b3b-656398b62d.zip
  - @types-istanbul-reports-npm-3.0.1-770e825002-f1ad54bc68.zip
  - @types-jest-npm-29.4.1-1b1e6c84b6-75cdd18046.zip
  - @types-json-schema-npm-7.0.12-f05cfc0e99-00239e9723.zip
  - @types-mdast-npm-3.0.12-e8f7ab24f4-83adb8679b.zip
  - @types-ms-npm-0.7.31-ea3b89342b-daadd354ae.zip
  - @types-node-npm-17.0.35-5cf9c3dec8-7a24946ae7.zip
  - @types-node-npm-18.15.3-d092b0c75c-31b1d92475.zip
  - @types-prettier-npm-2.6.1-b35509333b-b25ec46d18.zip
  - @types-prop-types-npm-15.7.5-2aa48aa177-5b43b8b154.zip
  - @types-react-npm-18.0.9-4dccadcd56-162364dad7.zip
  - @types-scheduler-npm-0.16.2-ba3a7d8c68-b6b4dcfeae.zip
  - @types-semver-npm-7.5.0-4823ff34be-0a64b9b9c7.zip
  - @types-stack-utils-npm-2.0.1-867718ab70-205fdbe332.zip
  - @types-unist-npm-2.0.7-5097b97603-b97a219554.zip
  - @types-yargs-npm-17.0.10-04ed5382c7-f0673cbfc0.zip
  - @types-yargs-parser-npm-21.0.0-c8a3b32c52-b2f4c8d12a.zip
  - @typescript-eslint-eslint-plugin-npm-6.4.0-4b19251554-d59e88228a.zip
  - @typescript-eslint-parser-npm-6.4.0-bf5dbcdb6b-36c8dbeacf.zip
  - @typescript-eslint-scope-manager-npm-6.4.0-5d171185da-19406eac3a.zip
  - @typescript-eslint-type-utils-npm-6.4.0-99cc13dbe3-7930d2ffdc.zip
  - @typescript-eslint-types-npm-6.4.0-911eef0008-85b293ad15.zip
  - @typescript-eslint-typescript-estree-npm-6.4.0-5419cb7b42-a8db389655.zip
  - @typescript-eslint-utils-npm-6.4.0-8c72795585-abc55382c6.zip
  - @typescript-eslint-visitor-keys-npm-6.4.0-adb9d991f5-42eb614b9c.zip
  - abbrev-npm-1.1.1-3659247eab-a4a97ec07d.zip
  - acorn-jsx-npm-5.3.2-d7594599ea-c3d3b2a89c.zip
  - acorn-npm-8.10.0-2230c9e83e-538ba38af0.zip
  - agent-base-npm-6.0.2-428f325a93-f52b6872cc.zip
  - agentkeepalive-npm-4.2.1-b86a9fb343-39cb49ed8c.zip
  - aggregate-error-npm-3.1.0-415a406f4e-1101a33f21.zip
  - ajv-npm-6.12.6-4b5105e2b2-874972efe5.zip
  - ansi-escapes-npm-4.3.2-3ad173702f-93111c4218.zip
  - ansi-regex-npm-5.0.1-c963a48615-2aa4bb54ca.zip
  - ansi-styles-npm-3.2.1-8cb8107983-d85ade01c1.zip
  - ansi-styles-npm-4.3.0-245c7d42c7-513b44c3b2.zip
  - ansi-styles-npm-5.2.0-72fc7003e3-d7f4e97ce0.zip
  - anymatch-npm-3.1.2-1d5471acfa-985163db22.zip
  - aproba-npm-2.0.0-8716bcfde6-5615cadcfb.zip
  - are-we-there-yet-npm-3.0.0-1391430190-348edfdd93.zip
  - argparse-npm-1.0.10-528934e59d-7ca6e45583.zip
  - argparse-npm-2.0.1-faff7999e6-83644b5649.zip
  - array-union-npm-2.1.0-4e4852b221-5bee12395c.zip
  - assert-npm-2.0.0-ef73bc19f5-bb91f181a8.zip
  - ast-types-npm-0.16.1-596f974e68-21c186da9f.zip
  - available-typed-arrays-npm-1.0.5-88f321e4d3-20eb47b3ce.zip
  - babel-core-npm-7.0.0-bridge.0-7fe146b78f-2a1cb87901.zip
  - babel-jest-npm-29.5.0-7423e21d96-eafb6d37de.zip
  - babel-plugin-istanbul-npm-6.1.1-df824055e4-cb4fd95738.zip
  - babel-plugin-jest-hoist-npm-29.5.0-3760955b96-099b525407.zip
  - babel-preset-current-node-syntax-npm-1.0.1-849ec71e32-d118c27424.zip
  - babel-preset-jest-npm-29.5.0-1e9ee3b405-5566ca2762.zip
  - balanced-match-npm-1.0.2-a53c126459-9706c088a2.zip
  - binary-searching-npm-2.0.5-02aa89bfe6-bbc72ddee8.zip
  - brace-expansion-npm-1.1.11-fb95eb05ad-faf34a7bb0.zip
  - brace-expansion-npm-2.0.1-17aa2616f9-a61e7cd2e8.zip
  - braces-npm-3.0.2-782240b28a-e2a8e769a8.zip
  - browserslist-npm-4.20.3-d7ff9d00b4-1e4b719ac2.zip
  - browserslist-npm-4.21.9-f6128308c1-80d3820584.zip
  - bs-logger-npm-0.2.6-7670f88b66-d34bdaf68c.zip
  - bser-npm-2.1.1-cc902055ce-9ba4dc58ce.zip
  - buffer-from-npm-1.1.2-03d2f20d7e-0448524a56.zip
  - cacache-npm-16.1.0-e24d9a7d5b-ddfcf92f07.zip
  - call-bind-npm-1.0.2-c957124861-f8e31de9d1.zip
  - callsites-npm-3.1.0-268f989910-072d17b6ab.zip
  - camelcase-npm-5.3.1-5db8af62c5-e6effce26b.zip
  - camelcase-npm-6.3.0-e5e42a0d15-8c96818a90.zip
  - caniuse-lite-npm-1.0.30001341-7125d57b54-7262b093fb.zip
  - caniuse-lite-npm-1.0.30001516-399d435c2f-044adf3493.zip
  - chalk-npm-2.4.2-3ea16dd91e-ec3661d38f.zip
  - chalk-npm-4.1.2-ba8b67ab80-fe75c9d5c7.zip
  - char-regex-npm-1.0.2-ecade5f97f-b563e4b603.zip
  - character-entities-npm-2.0.2-b5ef4d8fe2-cf16438140.zip
  - chownr-npm-2.0.0-638f1c9c61-c57cf9dd07.zip
  - ci-info-npm-3.3.1-c80845db6d-244546317c.zip
  - cjs-module-lexer-npm-1.2.2-473ce063ea-977f3f042b.zip
  - clean-stack-npm-2.2.0-a8ce435a5c-2ac8cd2b2f.zip
  - cliui-npm-7.0.4-d6b8a9edb6-ce2e8f578a.zip
  - clone-deep-npm-4.0.1-70adab92c8-770f912fe4.zip
  - co-npm-4.6.0-03f2d1feb6-5210d92230.zip
  - collect-v8-coverage-npm-1.0.1-39dec86bad-4efe0a1fcc.zip
  - color-convert-npm-1.9.3-1fe690075e-fd7a64a17c.zip
  - color-convert-npm-2.0.1-79730e935b-79e6bdb9fd.zip
  - color-name-npm-1.1.3-728b7b5d39-09c5d3e33d.zip
  - color-name-npm-1.1.4-025792b0ea-b044585952.zip
  - color-support-npm-1.1.3-3be5c53455-9b73568176.zip
  - comment-parser-npm-1.4.0-17c465a2d2-e086da3b14.zip
  - commondir-npm-1.0.1-291b790340-59715f2fc4.zip
  - concat-map-npm-0.0.1-85a921b7ee-902a9f5d89.zip
  - conditional-type-checks-npm-1.0.6-1e3710f0f7-b851bf2599.zip
  - console-control-strings-npm-1.1.0-e3160e5275-8755d76787.zip
  - convert-source-map-npm-1.8.0-037f671dde-985d974a2d.zip
  - convert-source-map-npm-2.0.0-7ab664dc4e-63ae9933be.zip
  - cookie-npm-1.0.2-7a4273d897-2c5a621414.zip
  - cross-spawn-npm-7.0.3-e4ff3e65b3-671cc7c728.zip
  - csstype-npm-3.1.0-0e405212e2-644e986cef.zip
  - debug-npm-4.3.4-4513954577-3dbad3f94e.zip
  - decode-named-character-reference-npm-1.0.2-db17a755fd-f4c71d3b93.zip
  - dedent-npm-0.7.0-2dbb45a4c5-87de191050.zip
  - deep-is-npm-0.1.4-88938b5a67-edb65dd0d7.zip
  - deepmerge-npm-4.2.2-112165ced2-a8c43a1ed8.zip
  - define-properties-npm-1.2.0-3547cd0fd2-e60aee6a19.zip
  - delegates-npm-1.0.0-9b1942d75f-a51744d9b5.zip
  - depd-npm-1.1.2-b0c8414da7-6b406620d2.zip
  - dequal-npm-2.0.3-53a630c60e-8679b850e1.zip
  - detect-newline-npm-3.1.0-6d33fa8d37-ae6cd429c4.zip
  - diff-npm-5.1.0-d24d222280-c7bf0df7c9.zip
  - diff-sequences-npm-29.4.3-ffe403944f-28b265e04f.zip
  - dir-glob-npm-3.0.1-1aea628b1b-fa05e18324.zip
  - doctrine-npm-3.0.0-c6f1615f04-fd7673ca77.zip
  - electron-to-chromium-npm-1.4.137-35182e6efc-639d7b9490.zip
  - electron-to-chromium-npm-1.4.461-e08e4e4a93-84960b8fe4.zip
  - emittery-npm-0.13.1-cb6cd1bb03-2b089ab630.zip
  - emoji-regex-npm-8.0.0-213764015c-d4c5c39d5a.zip
  - encoding-npm-0.1.13-82a1837d30-bb98632f8f.zip
  - env-paths-npm-2.2.1-7c7577428c-65b5df55a8.zip
  - err-code-npm-2.0.3-082e0ff9a7-8b7b1be20d.zip
  - error-ex-npm-1.3.2-5654f80c0f-c1c2b8b65f.zip
  - es6-object-assign-npm-1.1.0-0565318480-8d4fdf6348.zip
  - escalade-npm-3.1.1-e02da076aa-a3e2a99f07.zip
  - escape-string-regexp-npm-1.0.5-3284de402f-6092fda75c.zip
  - escape-string-regexp-npm-2.0.0-aef69d2a25-9f8a2d5743.zip
  - escape-string-regexp-npm-4.0.0-4b531d8d59-98b48897d9.zip
  - eslint-config-prettier-npm-9.0.0-8f5ce20d27-362e991b6c.zip
  - eslint-npm-8.47.0-84c6b60ea8-1988617f70.zip
  - eslint-plugin-react-hooks-npm-4.6.0-b429fac07f-23001801f1.zip
  - eslint-scope-npm-7.2.2-53cb0df8e8-ec97dbf5fb.zip
  - eslint-visitor-keys-npm-3.3.0-d329af7c8c-d59e68a7c5.zip
  - eslint-visitor-keys-npm-3.4.3-a356ac7e46-36e9ef87fc.zip
  - espree-npm-9.6.1-a50722a5a9-eb8c149c7a.zip
  - esprima-npm-4.0.1-1084e98778-b45bc805a6.zip
  - esquery-npm-1.5.0-d8f8a06879-aefb0d2596.zip
  - esrecurse-npm-4.3.0-10b86a887a-ebc17b1a33.zip
  - estraverse-npm-5.3.0-03284f8f63-072780882d.zip
  - esutils-npm-2.0.3-f865beafd5-22b5b08f74.zip
  - execa-npm-5.1.1-191347acf5-fba9022c8c.zip
  - exit-npm-0.1.2-ef3761a67d-abc407f07a.zip
  - expect-npm-29.5.0-395e2d6fda-58f70b3869.zip
  - fast-deep-equal-npm-3.1.3-790edcfcf5-e21a9d8d84.zip
  - fast-glob-npm-3.2.11-bc01135fef-f473105324.zip
  - fast-json-stable-stringify-npm-2.1.0-02e8905fda-b191531e36.zip
  - fast-levenshtein-npm-2.0.6-fcd74b8df5-92cfec0a8d.zip
  - fastq-npm-1.13.0-a45963881c-32cf15c29a.zip
  - fb-watchman-npm-2.0.1-30005d50fe-8510230778.zip
  - file-entry-cache-npm-6.0.1-31965cf0af-f49701feaa.zip
  - fill-range-npm-7.0.1-b8b1817caa-cc283f4e65.zip
  - find-cache-dir-npm-2.1.0-772aa82638-60ad475a6d.zip
  - find-up-npm-3.0.0-a2d4b1b317-38eba3fe7a.zip
  - find-up-npm-4.1.0-c3ccf8d855-4c172680e8.zip
  - find-up-npm-5.0.0-e03e9b796d-07955e3573.zip
  - flat-cache-npm-3.0.4-ee77e5911e-4fdd10ecbc.zip
  - flatted-npm-3.2.5-0ee5a8875f-3c436e9695.zip
  - flow-parser-npm-0.212.0-f7afe94200-e9ae679591.zip
  - for-each-npm-0.3.3-0010ca8cdd-6c48ff2bc6.zip
  - fs-minipass-npm-2.1.0-501ef87306-1b8d128dae.zip
  - fs.realpath-npm-1.0.0-c8f05d8126-99ddea01a7.zip
  - fsevents-npm-2.3.2-a881d6ac9f-97ade64e75.zip
  - fsevents-patch-2882183fbf-8.zip
  - function-bind-npm-1.1.1-b56b322ae9-b32fbaebb3.zip
  - gauge-npm-4.0.4-8f878385e9-788b6bfe52.zip
  - gensync-npm-1.0.0-beta.2-224666d72f-a7437e58c6.zip
  - get-caller-file-npm-2.0.5-80e8a86305-b9769a836d.zip
  - get-intrinsic-npm-1.2.1-ae857fd610-5b61d88552.zip
  - get-package-type-npm-0.1.0-6c70cdc8ab-bba0811116.zip
  - get-stream-npm-6.0.1-83e51a4642-e04ecece32.zip
  - glob-npm-7.2.3-2d866d17a5-29452e97b3.zip
  - glob-npm-8.0.3-750f909025-50bcdea19d.zip
  - glob-npm-9.3.0-9b843e0063-9beb4f1cdc.zip
  - glob-parent-npm-5.1.2-021ab32634-f4f2bfe242.zip
  - glob-parent-npm-6.0.2-2cbef12738-c13ee97978.zip
  - globals-npm-11.12.0-1fa7f41a6c-67051a45ec.zip
  - globals-npm-13.20.0-4565a722e7-ad1ecf914b.zip
  - globby-npm-11.1.0-bdcdf20c71-b4be8885e0.zip
  - gopd-npm-1.0.1-10c1d0b534-a5ccfb8806.zip
  - graceful-fs-npm-4.2.10-79c70989ca-3f109d70ae.zip
  - graceful-fs-npm-4.2.11-24bb648a68-ac85f94da9.zip
  - graphemer-npm-1.4.0-0627732d35-bab8f0be9b.zip
  - has-flag-npm-3.0.0-16ac11fe05-4a15638b45.zip
  - has-flag-npm-4.0.0-32af9f0536-261a135703.zip
  - has-npm-1.0.3-b7f00631c1-b9ad53d53b.zip
  - has-property-descriptors-npm-1.0.0-56289b918d-a6d3f0a266.zip
  - has-proto-npm-1.0.1-631ea9d820-febc5b5b53.zip
  - has-symbols-npm-1.0.3-1986bff2c4-a054c40c63.zip
  - has-tostringtag-npm-1.0.0-b1fcf3ab55-cc12eb28cb.zip
  - has-unicode-npm-2.0.1-893adb4747-1eab07a743.zip
  - html-escaper-npm-2.0.2-38e51ef294-d2df2da3ad.zip
  - http-cache-semantics-npm-4.1.0-860520a31f-974de94a81.zip
  - http-proxy-agent-npm-5.0.0-7f1f121b83-e2ee1ff165.zip
  - https-proxy-agent-npm-5.0.1-42d65f358e-571fccdf38.zip
  - human-signals-npm-2.1.0-f75815481d-b87fd89fce.zip
  - humanize-ms-npm-1.2.1-e942bd7329-9c7a74a282.zip
  - iconv-lite-npm-0.6.3-24b8aae27e-3f60d47a5c.zip
  - ignore-npm-5.2.0-fc4b58a4f3-6b1f926792.zip
  - ignore-npm-5.2.4-fbe6e989e5-3d4c309c60.zip
  - import-fresh-npm-3.3.0-3e34265ca9-2cacfad06e.zip
  - import-local-npm-3.1.0-8960af5e51-bfcdb63b5e.zip
  - imurmurhash-npm-0.1.4-610c5068a0-7cae75c8cd.zip
  - indent-string-npm-4.0.0-7b717435b2-824cfb9929.zip
  - infer-owner-npm-1.0.4-685ac3d2af-181e732764.zip
  - inflight-npm-1.0.6-ccedb4b908-f4f76aa072.zip
  - inherits-npm-2.0.4-c66b3957a0-4a48a73384.zip
  - ip-npm-1.1.8-abea558b72-a2ade53eb3.zip
  - is-arguments-npm-1.1.1-eff4f6d4d7-7f02700ec2.zip
  - is-arrayish-npm-0.2.1-23927dfb15-eef4417e3c.zip
  - is-callable-npm-1.2.7-808a303e61-61fd57d03b.zip
  - is-core-module-npm-2.9.0-5ba77c35ae-b27034318b.zip
  - is-extglob-npm-2.1.1-0870ea68b5-df033653d0.zip
  - is-fullwidth-code-point-npm-3.0.0-1ecf4ebee5-44a30c2945.zip
  - is-generator-fn-npm-2.1.0-37895c2d2b-a6ad5492cf.zip
  - is-generator-function-npm-1.0.10-1d0f3809ef-d54644e7db.zip
  - is-glob-npm-4.0.3-cb87bf1bdb-d381c1319f.zip
  - is-lambda-npm-1.0.1-7ab55bc8a8-93a32f0194.zip
  - is-nan-npm-1.3.2-a087d31a28-5dfadcef6a.zip
  - is-number-npm-7.0.0-060086935c-456ac6f8e0.zip
  - is-path-inside-npm-3.0.3-2ea0ef44fd-abd50f0618.zip
  - is-plain-object-npm-2.0.4-da3265d804-2a401140cf.zip
  - is-stream-npm-2.0.1-c802db55e7-b8e05ccdf9.zip
  - is-typed-array-npm-1.1.10-fe4ef83cdc-aac6ecb59d.zip
  - isexe-npm-2.0.0-b58870bd2e-26bf6c5480.zip
  - isobject-npm-3.0.1-8145901fd2-db85c4c970.zip
  - istanbul-lib-coverage-npm-3.2.0-93f84b2c8c-a2a545033b.zip
  - istanbul-lib-instrument-npm-5.2.0-6aa783f498-7c242ed782.zip
  - istanbul-lib-report-npm-3.0.0-660f97340a-3f29eb3f53.zip
  - istanbul-lib-source-maps-npm-4.0.1-af0f859df7-21ad3df45d.zip
  - istanbul-reports-npm-3.1.4-5faaa9636c-2132983355.zip
  - jest-changed-files-npm-29.5.0-9ca582b770-a67a7cb3c1.zip
  - jest-circus-npm-29.5.0-22f9f7095f-44ff5d06ac.zip
  - jest-cli-npm-29.5.0-3746aee7e9-39897bbbc0.zip
  - jest-config-npm-29.5.0-15ac67fe8b-c37c4dab96.zip
  - jest-diff-npm-29.5.0-5c9573ed73-dfd0f4a299.zip
  - jest-docblock-npm-29.4.3-0fa9ff492b-e0e9df1485.zip
  - jest-each-npm-29.5.0-a032ec515b-b8b297534d.zip
  - jest-environment-node-npm-29.5.0-026c4574db-57981911cc.zip
  - jest-get-type-npm-29.4.3-790eefdb01-6ac7f2dde1.zip
  - jest-haste-map-npm-29.5.0-d366e15fd6-3828ff7783.zip
  - jest-leak-detector-npm-29.5.0-5ce1db8235-0fb845da7a.zip
  - jest-matcher-utils-npm-29.5.0-f255c78df4-1d3e8c746e.zip
  - jest-message-util-npm-29.5.0-910b21363f-daddece6bb.zip
  - jest-mock-npm-29.5.0-d14983d2ac-2a9cf07509.zip
  - jest-npm-29.5.0-77b78b2adf-a8ff2eb0f4.zip
  - jest-pnp-resolver-npm-1.2.2-da20f8bdfe-bd85dcc0e7.zip
  - jest-regex-util-npm-29.4.3-defc22c588-96fc7fc28c.zip
  - jest-resolve-dependencies-npm-29.5.0-c81c307c1c-479d2e5365.zip
  - jest-resolve-npm-29.5.0-cd698d7d0c-9a125f3cf3.zip
  - jest-runner-npm-29.5.0-e3433af66a-437dea69c5.zip
  - jest-runtime-npm-29.5.0-e692162e2b-7af27bd9d5.zip
  - jest-snapshot-npm-29.5.0-2187ce2f07-fe5df54122.zip
  - jest-util-npm-29.5.0-cf917d20f1-fd9212950d.zip
  - jest-validate-npm-29.5.0-7f9f419807-43ca5df7cb.zip
  - jest-watcher-npm-29.5.0-50b2ae0988-62303ac7bd.zip
  - jest-worker-npm-29.5.0-70da3388f1-1151a1ae36.zip
  - js-tokens-npm-4.0.0-0ac852e9e2-8a95213a5a.zip
  - js-yaml-npm-3.14.1-b968c6095e-bef146085f.zip
  - js-yaml-npm-4.1.0-3606f32312-c7830dfd45.zip
  - jscodeshift-npm-0.15.0-8ed755576e-2ab7e7fe0f.zip
  - jsesc-npm-2.5.2-c5acb78804-4dc1907711.zip
  - json-parse-even-better-errors-npm-2.3.1-144d62256e-798ed4cf33.zip
  - json-schema-traverse-npm-0.4.1-4759091693-7486074d3b.zip
  - json-stable-stringify-without-jsonify-npm-1.0.1-b65772b28b-cff44156dd.zip
  - json5-npm-2.2.1-44675c859c-74b8a23b10.zip
  - json5-npm-2.2.3-9962c55073-2a7436a933.zip
  - kind-of-npm-6.0.3-ab15f36220-3ab01e7b1d.zip
  - kleur-npm-3.0.3-f6f53649a4-df82cd1e17.zip
  - kleur-npm-4.1.5-46b6135f41-1dc476e327.zip
  - leven-npm-3.1.0-b7697736a3-638401d534.zip
  - levn-npm-0.4.1-d183b2d7bb-12c5021c85.zip
  - lines-and-columns-npm-1.2.4-d6c7cc5799-0c37f9f7fa.zip
  - locate-path-npm-3.0.0-991671ae9f-53db399667.zip
  - locate-path-npm-5.0.0-46580c43e4-83e51725e6.zip
  - locate-path-npm-6.0.0-06a1e4c528-72eb661788.zip
  - lodash.memoize-npm-4.1.2-0e6250041f-9ff3942fee.zip
  - lodash.merge-npm-4.6.2-77cb4416bf-ad580b4bdb.zip
  - loose-envify-npm-1.4.0-6307b72ccf-6517e24e0c.zip
  - lru-cache-npm-5.1.1-f475882a51-c154ae1cbb.zip
  - lru-cache-npm-6.0.0-b4c8668fe1-f97f499f89.zip
  - lru-cache-npm-7.10.1-5af910d0ed-e8b190d71e.zip
  - lru-cache-npm-7.18.3-e68be5b11c-e550d77238.zip
  - make-dir-npm-2.1.0-1ddaf205e7-043548886b.zip
  - make-dir-npm-3.1.0-d1d7505142-484200020a.zip
  - make-error-npm-1.3.6-ccb85d9458-b86e5e0e25.zip
  - make-fetch-happen-npm-10.1.5-d805393723-b0b42a1ccd.zip
  - makeerror-npm-1.0.12-69abf085d7-b38a025a12.zip
  - mdast-util-from-markdown-npm-1.3.1-dd1eea116a-c2fac22516.zip
  - mdast-util-to-string-npm-3.2.0-4f9fa356be-dc40b544d5.zip
  - merge-stream-npm-2.0.0-2ac83efea5-6fa4dcc8d8.zip
  - merge2-npm-1.4.1-a2507bd06c-7268db63ed.zip
  - micromark-core-commonmark-npm-1.1.0-6f0dca58f3-c6dfedc958.zip
  - micromark-factory-destination-npm-1.1.0-b520b52727-9e2b5fb5fe.zip
  - micromark-factory-label-npm-1.1.0-d8a5a37124-fcda48f128.zip
  - micromark-factory-space-npm-1.1.0-30229d1b5d-b58435076b.zip
  - micromark-factory-title-npm-1.1.0-4af82ae5b2-4432d3dbc8.zip
  - micromark-factory-whitespace-npm-1.1.0-8564d6a9a1-ef0fa682c7.zip
  - micromark-npm-3.2.0-5351b5395d-56c15851ad.zip
  - micromark-util-character-npm-1.2.0-b42e3441af-089e79162a.zip
  - micromark-util-chunked-npm-1.1.0-2b46b7c8a2-c435bde911.zip
  - micromark-util-classify-character-npm-1.1.0-77b33fd18e-8499cb0bb1.zip
  - micromark-util-combine-extensions-npm-1.1.0-d7734a9ec8-ee78464f5d.zip
  - micromark-util-decode-numeric-character-reference-npm-1.1.0-0381c1cb74-4733fe7514.zip
  - micromark-util-decode-string-npm-1.1.0-d3fef9c9ba-f1625155db.zip
  - micromark-util-encode-npm-1.1.0-65f415c4fe-4ef29d02b1.zip
  - micromark-util-html-tag-name-npm-1.2.0-d8309ab06f-ccf0fa99b5.zip
  - micromark-util-normalize-identifier-npm-1.1.0-378d909800-8655bea41f.zip
  - micromark-util-resolve-all-npm-1.1.0-c49b6d7c36-1ce6c0237c.zip
  - micromark-util-sanitize-uri-npm-1.2.0-b14e5e159a-6663f365c4.zip
  - micromark-util-subtokenize-npm-1.1.0-72005ae28b-4a9d780c4d.zip
  - micromark-util-symbol-npm-1.1.0-90b0865932-02414a753b.zip
  - micromark-util-types-npm-1.1.0-9df6df907c-b0ef2b4b95.zip
  - micromatch-npm-4.0.5-cfab5d7669-02a17b671c.zip
  - mimic-fn-npm-2.1.0-4fbeb3abb4-d2421a3444.zip
  - minimatch-npm-3.1.2-9405269906-c154e56640.zip
  - minimatch-npm-5.1.0-34f6240621-15ce53d31a.zip
  - minimatch-npm-7.4.2-da654284bf-9e341b04e6.zip
  - minipass-collect-npm-1.0.2-3b4676eab5-14df761028.zip
  - minipass-fetch-npm-2.1.0-300ce55188-1334732859.zip
  - minipass-flush-npm-1.0.5-efe79d9826-56269a0b22.zip
  - minipass-npm-3.1.6-f032df1661-57a0404141.zip
  - minipass-npm-4.2.5-25860eb433-4f9c19af23.zip
  - minipass-pipeline-npm-1.2.4-5924cb077f-b14240dac0.zip
  - minipass-sized-npm-1.0.3-306d86f432-79076749fc.zip
  - minizlib-npm-2.1.2-ea89cd0cfb-f1fdeac0b0.zip
  - mkdirp-npm-1.0.4-37f6ef56b9-a96865108c.zip
  - mri-npm-1.2.0-8ecee0357d-83f515abbc.zip
  - ms-npm-2.1.2-ec0c1512ff-673cdb2c31.zip
  - ms-npm-2.1.3-81ff3cfac1-aa92de6080.zip
  - natural-compare-npm-1.4.0-97b75b362d-23ad088b08.zip
  - negotiator-npm-0.6.3-9d50e36171-b8ffeb1e26.zip
  - neo-async-npm-2.6.2-75d6902586-deac9f8d00.zip
  - node-dir-npm-0.1.17-e25963e120-29de9560e5.zip
  - node-gyp-npm-9.0.0-0eccfca4d1-4d8ef8860f.zip
  - node-int64-npm-0.4.0-0dc04ec3b2-d0b30b1ee6.zip
  - node-releases-npm-2.0.13-1f2e177887-17ec8f315d.zip
  - node-releases-npm-2.0.4-7d25d174cd-b32d6c2032.zip
  - nopt-npm-5.0.0-304b40fbfe-d35fdec187.zip
  - normalize-path-npm-3.0.0-658ba7d77f-88eeb4da89.zip
  - npm-run-path-npm-4.0.1-7aebd8bab3-5374c0cea4.zip
  - npmlog-npm-6.0.2-e0e69455c7-ae238cd264.zip
  - object-is-npm-1.1.5-48a862602b-989b18c4cb.zip
  - object-keys-npm-1.1.1-1bf2f1be93-b363c5e764.zip
  - once-npm-1.4.0-ccf03ef07a-cd0a885013.zip
  - onetime-npm-5.1.2-3ed148fa42-2478859ef8.zip
  - optionator-npm-0.9.3-56c3a4bf80-0928199944.zip
  - p-limit-npm-2.3.0-94a0310039-84ff17f1a3.zip
  - p-limit-npm-3.1.0-05d2ede37f-7c3690c4db.zip
  - p-locate-npm-3.0.0-74de74f952-83991734a9.zip
  - p-locate-npm-4.1.0-eec6872537-513bd14a45.zip
  - p-locate-npm-5.0.0-92cc7c7a3e-1623088f36.zip
  - p-map-npm-4.0.0-4677ae07c7-cb0ab21ec0.zip
  - p-try-npm-2.2.0-e0390dbaf8-f8a8e9a769.zip
  - parent-module-npm-1.0.1-1fae11b095-6ba8b25514.zip
  - parse-json-npm-5.2.0-00a63b1199-62085b17d6.zip
  - path-exists-npm-3.0.0-e80371aa68-96e92643aa.zip
  - path-exists-npm-4.0.0-e9e4f63eb0-505807199d.zip
  - path-is-absolute-npm-1.0.1-31bc695ffd-060840f92c.zip
  - path-key-npm-3.1.1-0e66ea8321-55cd7a9dd4.zip
  - path-parse-npm-1.0.7-09564527b7-49abf3d811.zip
  - path-scurry-npm-1.6.1-b7f913ddad-7ba57e823c.zip
  - path-type-npm-4.0.0-10d47fc86a-5b1e2daa24.zip
  - picocolors-npm-1.0.0-d81e0b1927-a2e8092dd8.zip
  - picomatch-npm-2.3.1-c782cfd986-050c865ce8.zip
  - pify-npm-4.0.1-062756097b-9c4e34278c.zip
  - pirates-npm-4.0.5-22f8e827ce-c9994e61b8.zip
  - pirates-npm-4.0.6-a8ec571a43-46a65fefaf.zip
  - pkg-dir-npm-3.0.0-16d8d93783-70c9476ffe.zip
  - pkg-dir-npm-4.2.0-2b5d0a8d32-9863e3f351.zip
  - prelude-ls-npm-1.2.1-3e4d272a55-cd192ec0d0.zip
  - prettier-npm-3.0.2-2cbecb9037-118b59ddb6.zip
  - prettier-plugin-jsdoc-npm-1.0.1-92cd5d32dc-ecbbdfe809.zip
  - pretty-format-npm-29.5.0-4f1086147d-4065356b55.zip
  - promise-inflight-npm-1.0.1-5bb925afac-2274948309.zip
  - promise-retry-npm-2.0.1-871f0b01b7-f96a3f6d90.zip
  - prompts-npm-2.4.2-f5d25d5eea-d8fd1fe638.zip
  - property-expr-npm-2.0.5-6f6bda4c65-4ebe82ce45.zip
  - punycode-npm-2.1.1-26eb3e15cf-823bf443c6.zip
  - pure-rand-npm-6.0.1-f90861c00f-4bb5653999.zip
  - queue-microtask-npm-1.2.3-fcc98e4e2d-b676f8c040.zip
  - react-is-npm-18.1.0-6642a99f70-d206a0fe67.zip
  - react-npm-18.3.1-af38f3c1ae-a27bcfa8ff.zip
  - react-router-npm-7.0.1-5f9672179e-13110d762c.zip
  - readable-stream-npm-3.6.0-23a4a5eb56-d4ea81502d.zip
  - recast-npm-0.23.3-9745d8cfb8-b1340ab0a3.zip
  - require-directory-npm-2.1.1-8608aee50b-fb47e70bf0.zip
  - resolve-cwd-npm-3.0.0-e6f4e296bf-546e081601.zip
  - resolve-from-npm-4.0.0-f758ec21bf-f4ba0b8494.zip
  - resolve-from-npm-5.0.0-15c9db4d33-4ceeb9113e.zip
  - resolve-npm-1.22.0-f641ddcc95-a2d14cc437.zip
  - resolve-patch-b984c6fd86-c79ecaea36.zip
  - resolve.exports-npm-2.0.1-d12c60ed37-03be177026.zip
  - retry-npm-0.12.0-72ac7fb4cc-623bd7d2e5.zip
  - reusify-npm-1.0.4-95ac4aec11-c3076ebcc2.zip
  - rimraf-npm-2.6.3-f34c6c72ec-3ea587b981.zip
  - rimraf-npm-3.0.2-2cb7dac69a-87f4164e39.zip
  - rimraf-npm-4.4.0-7bda7f3851-0cedaf9d13.zip
  - run-parallel-npm-1.2.0-3f47ff2034-cb4f97ad25.zip
  - sade-npm-1.8.1-4759dc74c1-0756e5b04c.zip
  - safe-buffer-npm-5.1.2-c27fedf6c4-f2f1f7943c.zip
  - safe-buffer-npm-5.2.1-3481c8aa9b-b99c4b41fd.zip
  - safer-buffer-npm-2.1.2-8d5c0b705e-cab8f25ae6.zip
  - semver-npm-5.7.2-938ee91eaa-fb4ab5e0dd.zip
  - semver-npm-6.3.0-b3eace8bfd-1b26ecf6db.zip
  - semver-npm-6.3.1-bcba31fdbe-ae47d06de2.zip
  - semver-npm-7.3.7-3bfe704194-2fa3e87756.zip
  - semver-npm-7.5.3-275095dbf3-9d58db1652.zip
  - semver-npm-7.5.4-c4ad957fcd-12d8ad952f.zip
  - set-blocking-npm-2.0.0-49e2cffa24-6e65a05f7c.zip
  - set-cookie-parser-npm-2.7.1-0e92d9e679-2ef8b35109.zip
  - shallow-clone-npm-3.0.1-dab5873d0d-39b3dd9630.zip
  - shebang-command-npm-2.0.0-eb2b01921d-6b52fe8727.zip
  - shebang-regex-npm-3.0.0-899a0cd65e-1a2bcae50d.zip
  - signal-exit-npm-3.0.7-bd270458a3-a2f098f247.zip
  - sisteransi-npm-1.0.5-af60cc0cfa-aba6438f46.zip
  - slash-npm-3.0.0-b87de2279a-94a93fff61.zip
  - smart-buffer-npm-4.2.0-5ac3f668bb-b5167a7142.zip
  - socks-npm-2.6.2-94c1dcb8b8-dd91942930.zip
  - socks-proxy-agent-npm-6.2.0-9c332b84bc-6723fd64fb.zip
  - source-map-npm-0.6.1-1a3621db16-59ce8640cf.zip
  - source-map-support-npm-0.5.13-377dfd7321-933550047b.zip
  - source-map-support-npm-0.5.21-09ca99e250-43e98d700d.zip
  - sprintf-js-npm-1.0.3-73f0a322fa-19d79aec21.zip
  - ssri-npm-9.0.1-33ce27f4f8-fb58f5e46b.zip
  - stack-utils-npm-2.0.5-e0438f409a-76b69da0f5.zip
  - string-length-npm-4.0.2-675173c7a2-ce85533ef5.zip
  - string-width-npm-4.2.3-2c27177bae-e52c10dc3f.zip
  - string_decoder-npm-1.3.0-2422117fd0-8417646695.zip
  - strip-ansi-npm-6.0.1-caddc7cb40-f3cd25890a.zip
  - strip-bom-npm-4.0.0-97d367a64d-9dbcfbaf50.zip
  - strip-final-newline-npm-2.0.0-340c4f7c66-69412b5e25.zip
  - strip-json-comments-npm-3.1.1-dcb2324823-492f73e272.zip
  - supports-color-npm-5.5.0-183ac537bc-95f6f4ba5a.zip
  - supports-color-npm-7.2.0-606bfcf7da-3dda818de0.zip
  - supports-color-npm-8.1.1-289e937149-c052193a7e.zip
  - supports-preserve-symlinks-flag-npm-1.0.0-f17c4d0028-53b1e247e6.zip
  - tar-npm-6.1.11-e6ac3cba9c-a04c07bb9e.zip
  - temp-npm-0.8.4-d7c7d71d12-f35bed7856.zip
  - test-exclude-npm-6.0.0-3fb03d69df-3b34a3d771.zip
  - text-table-npm-0.2.0-d92a778b59-b6937a38c8.zip
  - tiny-case-npm-1.0.3-8c9747c74e-3f7a30c39d.zip
  - tmpl-npm-1.0.5-d399ba37e2-cd922d9b85.zip
  - to-fast-properties-npm-2.0.0-0dc60cc481-be2de62fe5.zip
  - to-regex-range-npm-5.0.1-f1e8263b00-f76fa01b3d.zip
  - toposort-npm-2.0.2-d472329c7d-d64c74b570.zip
  - ts-api-utils-npm-1.0.1-7c62f6caff-78794fc727.zip
  - ts-jest-npm-29.1.1-04e888e48e-a8c9e284ed.zip
  - tslib-npm-2.6.0-4d336a6824-c01066038f.zip
  - turbo-stream-npm-2.4.0-e0cec53097-e36f52ed40.zip
  - type-check-npm-0.4.0-60565800ce-ec688ebfc9.zip
  - type-detect-npm-4.0.8-8d8127b901-62b5628bff.zip
  - type-fest-npm-0.20.2-b36432617f-4fb3272df2.zip
  - type-fest-npm-0.21.3-5ff2a9c6fd-e6b32a3b38.zip
  - type-fest-npm-2.19.0-918b953248-a4ef07ece2.zip
  - typescript-npm-5.2.2-01717e9f84-7912821dac.zip
  - typescript-patch-2e8dbfb8ab-0f4da2f15e.zip
  - unique-filename-npm-1.1.1-c885c5095b-cf4998c922.zip
  - unique-slug-npm-2.0.2-f6ba1ddeb7-5b6876a645.zip
  - unist-util-stringify-position-npm-3.0.3-3ab0818239-dbd66c1518.zip
  - update-browserslist-db-npm-1.0.11-2c8e64258f-b98327518f.zip
  - uri-js-npm-4.4.1-66d11cbcaf-7167432de6.zip
  - util-deprecate-npm-1.0.2-e3fe1a219c-474acf1146.zip
  - util-npm-0.12.5-3668276f26-705e51f0de.zip
  - uvu-npm-0.5.6-c8507ad49b-09460a3797.zip
  - v8-to-istanbul-npm-9.1.0-04cd324682-2069d59ee4.zip
  - walker-npm-1.0.8-b0a05b9478-ad7a257ea1.zip
  - which-npm-2.0.2-320ddf72f7-1a5c563d3c.zip
  - which-typed-array-npm-1.1.10-9bdacffb41-149f54f5d1.zip
  - wide-align-npm-1.1.5-889d77e592-d5fc37cd56.zip
  - wrap-ansi-npm-7.0.0-ad6e1a0554-a790b846fd.zip
  - wrappy-npm-1.0.2-916de4d4b3-159da4805f.zip
  - write-file-atomic-npm-2.4.3-f3fc725df3-2db81f92ae.zip
  - write-file-atomic-npm-4.0.2-661baae4aa-5da60bd4ee.zip
  - y18n-npm-5.0.8-5f3a0a7e62-54f0fb9562.zip
  - yallist-npm-3.1.1-a568a556b4-48f7bb00dc.zip
  - yallist-npm-4.0.0-b493d9e907-343617202a.zip
  - yargs-npm-17.5.1-0902fa46de-00d58a2c05.zip
  - yargs-parser-npm-21.0.1-b778fd3462-c3ea2ed12c.zip
  - yargs-parser-npm-21.1.1-8fdc003314-ed2d96a616.zip
  - yocto-queue-npm-0.1.0-c6c9a7db29-f77b3d8d00.zip
  - yup-npm-1.0.1-d6a6e474d0-0c9075cdb8.zip
  - zod-npm-3.25.67-5734ab93c5-56ab904d33.zip
- - yarn-3.6.3.cjs
- - integrations.yml
- - 1280660f.yml
  - 15c9284b.yml
  - 2b86c2b3.yml
  - 338fd627.yml
  - 37469ef1.yml
  - 3fbc102f.yml
  - 46682a94.yml
  - 5ff6e18d.yml
  - 6c6a5f8d.yml
  - 7d1b92bd.yml
  - 818b1fb6.yml
  - 8bc620cd.yml
  - 9efd2e4c.yml
  - b1c2bfb9.yml
  - c3b2aa8d.yml
  - e561de7e.yml
  - e63dcef8.yml
  - f09ecdac.yml
  - f47e780a.yml
- route-transform.cjs
- migrating-to-universal-types.md
- - index.ts
  - route.test.ts
  - warn.ts
- - index.ts
  - standard-schema-spec.ts
  - standard-schema.ts
- - index.ts
  - yup.ts
- - index.ts
  - zod.ts
.eslintignore
.eslintrc
.gitattributes
.gitignore
.pnp.cjs
.pnp.loader.mjs
.prettierignore
.prettierrc.cjs
.yarnrc.yml
apply-prerelease-version.mjs
CHANGELOG.md
CONTRIBUTING.md
create-mts.mjs
jest.config.cjs
LICENSE
package.json
README.md
remove-mts.mjs
tsconfig.build.cjs.json
tsconfig.build.json
tsconfig.build.mjs.json
tsconfig.json
update-changelog.mjs
yarn.lock

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# React Router Typesafe Routes 🍣

Enhanced type safety via validation for all route params in React Router v7.

[![NPM Version](https://img.shields.io/npm/v/react-router-typesafe-routes)](https://www.npmjs.com/package/react-router-typesafe-routes)
[![NPM Downloads](https://img.shields.io/npm/dw/react-router-typesafe-routes)](https://www.npmjs.com/package/react-router-typesafe-routes)

The library provides type safety for all route params (pathname params, search params (including multiple keys), state, and hash) on building and parsing/validating URL parts and state. There are no unsafe type casts whatsoever.

If you want, you can use a validation library. There is first-party support for [Standard Schema](https://github.com/standard-schema/standard-schema), [Zod](https://github.com/colinhacks/zod), and [Yup](https://github.com/jquense/yup), and other libraries can be integrated with ease. Otherwise, you can use other built-in types and fine-tune their validation instead.

In built-in types, parsing and validation errors are caught and replaced with `undefined`. You can also return a default value or throw an error in case of an absent or invalid param. All these adjustments reflect in types, too!

Built-in types allow to customize stringification and parsing as well. If you need more control, you can build completely custom types, which means that params serialization and deserialization are fully customizable.

The library doesn't restrict or alter React Router API in any way, including nested routes and relative links. It can also be gradually adopted.

## Installation

```
yarn add react-router-typesafe-routes
```

Note that `react-router` and `react` are peer dependencies.

There are optional entry points for types based on third-party validation libraries:

- `react-router-typesafe-routes/standard-schema` exports `schema` type that accepts any Standard Schema;
- `react-router-typesafe-routes/zod` exports `zod` type, `zod` is a peer dependency;
- `react-router-typesafe-routes/yup` exports `yup` type, `yup` is a peer dependency;

The library is targeting ES6 (ES2015).

The minimal required version of TypeScript is `5.0`, and `strict` mode must be enabled.

## Limitations & Caveats

- React Router only considers pathnames during route matching, so search params, hash, and state are always optional upon URL or state building.
- For convenience, absent and invalid params are considered virtually the same by built-in types. However, you retain full control with custom types.
- To emphasize that route relativity is governed by the library, leading slashes in path patterns are forbidden. Trailing slashes are also forbidden due to being purely cosmetic.

## How is it different from existing solutions?

| Feature                                           | react-router-typesafe-routes | [typesafe-routes](https://github.com/kruschid/typesafe-routes) | [typed-react-router](https://github.com/bram209/typed-react-router) | [typesafe-router](https://github.com/jamesopstad/typesafe-router) |
| ------------------------------------------------- | ---------------------------- | -------------------------------------------------------------- | ------------------------------------------------------------------- | ----------------------------------------------------------------- |
| Type-safe pathname params                         | ✅                           | ✅                                                             | ✅                                                                  | ✅                                                                |
| Type-safe search params                           | ✅                           | ✅                                                             | 🚫                                                                  | 🚫                                                                |
| Multiple identical keys in search params          | ✅                           | 🚫️                                                            | 🚫                                                                  | ✅                                                                |
| Type-safe hash                                    | ✅                           | 🚫                                                             | 🚫                                                                  | 🚫                                                                |
| Type-safe state                                   | ✅                           | 🚫                                                             | 🚫                                                                  | 🚫                                                                |
| Customizable serialization / parsing / validation | ✅                           | ✅                                                             | 🚫                                                                  | 🚫                                                                |
| Customizable built-in types                       | ✅                           | 🚫                                                             | 🚫                                                                  | 🚫                                                                |
| Nested routes                                     | ✅                           | ✅                                                             | ✅                                                                  | ✅                                                                |
| Relative links                                    | ✅                           | ✅                                                             | 🚫                                                                  | ✅                                                                |
| Type-safe actions/loaders                         | 🚫                           | 🚫                                                             | 🚫                                                                  | ✅                                                                |

> Type-safe actions/loaders should be fairly easy to implement, but it's a low-priority task. Please open an issue if you need them.

Other libraries that I was able to find are outdated and not really suitable for React Router v7:

- [typesafe-react-router](https://github.com/AveroLLC/typesafe-react-router)
- [react-typesafe-routes](https://github.com/innFactory/react-typesafe-routes)

You might also want to use some other router with built-in type safety:

- [TanStack Router](https://github.com/tanstack/router)
- [Type Route](https://github.com/zilch/type-route)
- [Chicane](https://github.com/swan-io/chicane)

## Quick usage example

Define library routes:

```tsx
import { route, string, number, boolean, union } from "react-router-typesafe-routes";

// Start with a pathless route to specify global params.
const root = route({
  // This global search param has a default value that is used as a fallback upon parsing.
  searchParams: { utm_campaign: string().default("default_campaign") },
  // Child routes inherit all parent params.
  children: {
    user: route({
      // Pathname params are inferred and can be overridden partially or completely.
      // Required params implicitly use 'string().defined()' that can throw upon parsing.
      path: "user/:userId",
      // Without modifiers, 'undefined' can be returned upon parsing.
      params: { userId: number() },
      // Specify hash. To allow any hash, define it as 'string()'.
      hash: union(["info", "comments"]),
      // Specify state parts.
      state: { fromUserList: boolean() },
      // Child routes inherit all parent params.
      children: {
        // Optional pathname params implicitly use 'string()'.
        post: route({ path: "post/:postId?" }),
      },
    }),
  },
});
```

Define React Router routes:

> [!NOTE]  
> We will use the JSX style of defining routes throughout the documentation, but you can easily define them in any way that React Router enables. See [Framework Routing](https://reactrouter.com/start/framework/routing) and [Library Routing](https://reactrouter.com/start/library/routing) for more information. Note that at the time of writing there are [some issues](https://github.com/remix-run/react-router/issues/12359) with types generation when absolute paths are used.

```tsx
import { Route, Routes } from "react-router";
import { root } from "./path/to/routes";

// Absolute paths
<Routes>
  {/* /user/:userId */}
  <Route path={root.user.$path()} element={<User />}>
    {/* /user/:userId/post/:postId? */}
    <Route path={root.user.post.$path()} element={<Post />} />
  </Route>
</Routes>;

// Relative paths
<Routes>
  {/* user/:userId */}
  <Route path={root.user.$path({ relative: true })} element={<User />}>
    {/* post/:postId? */}
    {/* $ effectively defines path pattern start. */}
    <Route path={root.user.$.post.$path({ relative: true })} element={<Post />} />
  </Route>
</Routes>;
```

Use `Link` components as usual:

```tsx
import { Link } from "react-router";
import { root } from "./path/to/routes";

// Absolute link
<Link
  // Everything is optional except for required pathname param (params.userId).
  to={root.user.post.$buildPath({
    params: { userId: 1, postId: "abc" },
    searchParams: { utm_campaign: "campaign" },
    hash: "comments",
  })}
  state={root.user.post.$buildState({ fromUserList: true })}
>
  /user/1/post/abc?utm_campaign=campaign#comments
</Link>;

// Relative link
<Link
  // Everything is optional, because there are no required pathname params.
  // $ effectively defines path pattern start.
  to={root.user.$.post.$buildPath({
    relative: true,
    params: { postId: "abc" },
    searchParams: { utm_campaign: "campaign" },
    hash: "info",
  })}
  state={root.user.post.$buildState({ fromUserList: false })}
>
  post/abc?utm_campaign=campaign#info
</Link>;
```

Get typed params:

```tsx
import {
  useTypedParams,
  useTypedSearchParams,
  useTypedHash,
  useTypedState,
} from "react-router-typesafe-routes";
import { root } from "./path/to/routes";

// { userId?: number; postId?: string; }
// Uses root.user.post.$deserializeParams internally.
const { userId, postId } = useTypedParams(root.user.post);

// { utm_campaign: string }.
// Uses root.user.post.$deserializeSearchParams internally.
const [{ utm_campaign }, setTypedSearchParams] = useTypedSearchParams(root.user.post);

// "info" | "comments" | undefined.
// Uses root.user.post.$deserializeHash internally.
const hash = useTypedHash(root.user.post);

// { fromUserList?: boolean }.
// Uses root.user.post.$deserializeState internally.
const { fromUserList } = useTypedState(root.user.post);
```

## Advanced examples

### Preserve unrelated search params

<details>
<summary>Click to expand</summary>

```tsx
import { route, string, number, useTypedSearchParams } from "react-router-typesafe-routes";
import { useSearchParams } from "react-router";

// Pathless route is used for simplicity, this works with any route
export const searchParamsFragment = route({
  searchParams: {
    search: string(),
    page: number(),
  },
});

// In a component body
const [typedSearchParams, setTypedSearchParams] = useTypedSearchParams(searchParamsFragment);
const rawSearchParams = useSearchParams();

// In JSX
<Link
  to={searchParamsFragment.$buildSearch({
    searchParams: {
      // Destructure existing params to preserve params typed by the route
      ...typedSearchParams,
      page: 1,
    },
    // Pass raw search params to preserve params NOT typed by the route
    untypedSearchParams: rawSearchParams,
  })}
>
  Click
</Link>;

// In an event handler
setTypedSearchParams(
  (prevParams) => ({
    // Destructure existing params to preserve params typed by the route
    ...prevParams,
    page: 1,
  }),
  {
    // Set this flag to preserve params NOT typed by the route
    untypedSearchParams: true,
  },
);
```

</details>

### Define arrays

<details>
  <summary>Click to expand</summary>

```tsx
import { route, number } from "react-router-typesafe-routes";

const myRoute = route({
  searchParams: {
    // Every built-in type can be made an array. Arrays can only be used in search and state.
    // Upon parsing, 'undefined' values are omitted. Absent/invalid array is normalized to [].
    selectedIds: number().array(),
    // In niche cases you might want to use '.default()' or '.defined()' for items.
    // '.defined()' means that an invalid item makes the whole array invalid.
    selectedItems: number().default(-1).array(),
  },
});
```

</details>

### Share types between routes

<details>
  <summary>Click to expand</summary>

```tsx
import { route, useTypedParams, useTypedSearchParams } from "react-router-typesafe-routes";

// Pathless routes can be used for type sharing.
const fragments = {
  id: route({
    params: { id: number() },
  }),
  query: route({
    searchParams: { query: string() },
  }),
};

// Pathless routes can also be used anywhere in the route tree.
const root = route({
  // You can specify types directly.
  searchParams: { utm_campaign: string() },
  // Or reuse existing pathless routes.
  compose: [fragments.id],
  children: {
    user: route({ path: "user/:id", compose: [fragments.query] }),
    post: route({ path: "post/:id" }),
    // Pathname types are ignored if there are no corresponding params in the pattern.
    about: route({ path: "about" }),
  },
});

// You can then build helpers that are reusable between routes:
const { id } = useTypedParams(fragments.id);
const [{ query }] = useTypedSearchParams(fragments.query);
const [{ utm_campaign }] = useTypedSearchParams(root);
```

</details>

### Extend hash values

<details>
  <summary>Click to expand</summary>

```tsx
import { route, string } from "react-router-typesafe-routes";

// Hash can only be extended by child routes if it's specified as an array of strings.
const myRoute = route({
  path: "user",
  // This route hash is just "info"
  hash: ["info"],
  children: {
    details: route({
      path: "details",
      // This route hash is "info" | "address"
      hash: ["address"],
      children: {
        misc: route({
          path: "misc",
          // A type overwrites parent hash completely, and subsequent arrays are ignored.
          hash: string(),
        }),
      },
    }),
  },
});
```

</details>

### Type non-object states

<details>
  <summary>Click to expand</summary>

```tsx
import { route, string } from "react-router-typesafe-routes";

// A type overwrites parent state completely, and subsequest state objects are ignored.
const myRoute = route({
  path: "user",
  state: string(),
});
```

> ❗If you're building from scratch, it's almost certainly a bad idea to use this API. However, it might come in handy if you're typing an existing system where it's not easy to get rid of non-object states.

</details>

### Add custom validation

<details>
  <summary>Click to expand</summary>

```tsx
import { route, string, number } from "react-router-typesafe-routes";

// You don't need to check that this value is a number.
const integer = (value: number) => {
  if (!Number.isInteger(value)) {
    throw new Error(`Expected ${value} to be integer.`);
  }

return value;
};

// You can construct validators via factories.
const regExp = (regExp: RegExp) => (value: string) => {
  if (value.match(regExp)?.[0] !== value) {
    throw new Error(`"${value}" does not match ${String(regExp)}`);
  }

return value;
};

const myRoute = route({
  path: ":id",
  // 'string()' only accepts validators that return strings.
  params: { id: string(regExp(/\d+/)) },
  // 'number()' only accepts validators that return numbers.
  searchParams: { page: number(integer) },
});
```

</details>

### Use Standard Schema

<details>
  <summary>Click to expand</summary>

```tsx
import { route, parser } from "react-router-typesafe-routes";
import { schema } from "react-router-typesafe-routes/standard-schema";
import { type } from "arktype"; // Or any other library supporting Standard Schema

const myRoute = route({
  path: ":id",
  // There is no way to get the type hint from a Standard Schema in runtime, so we need to specify it explicitly.
  // For the built-in parser, this is only necessary for strings and dates. It's also type-safe!
  // It's needed for omitting wrapping quotes in serialized values.
  params: { id: schema(type("string.uuid"), parser("string")) },
});
```

</details>

### Use Zod

<details>
  <summary>Click to expand</summary>

```tsx
import { route } from "react-router-typesafe-routes";
import { zod } from "react-router-typesafe-routes/zod";
import { z } from "zod"; // zod/v4 or zod/v3

const myRoute = route({
  path: ":id",
  // Wrapping quotes in serialized values are omitted where possible.
  params: { id: zod(z.string().uuid()) },
});
```

> ❗Zod doesn't do coercion by default, but you may need it for complex values returned from `JSON.parse` (for instance, a date wrapped in an object).

</details>

### Use Yup

<details>
  <summary>Click to expand</summary>

```tsx
import { route } from "react-router-typesafe-routes";
import { yup } from "react-router-typesafe-routes/yup";
import { string } from "yup";

const ROUTE = route({
  path: ":id",
  // Wrapping quotes in serialized values are omitted where possible.
  params: { id: yup(string().uuid()) },
});
```

</details>

### Integrate third-party validation library

<details>
  <summary>Click to expand</summary>

```tsx
import { type, parser, Type, ParserHint } from "react-router-typesafe-routes";
// Some abstract third-party library.
import { v, Schema } from "third-party-library";

function valid<T>(schema: Schema<T>): Type<T> {
  return type(
    // Library-specific validation logic.
    (value: unknown) => schema.validate(value),
    // You could also supply a custom parser.
    parser(getTypeHint(schema)),
  );
}

function getTypeHint(schema: Schema): ParserHint {
  // Type hint is determined based on the schema type, excluding 'undefined'.
  return schema.type;
}

const myRoute = route({
  path: ":id",
  params: { id: valid(v.string().uuid()) },
});
```

</details>

### Create a custom parser

<details>
  <summary>Click to expand</summary>

```tsx
import { Parser, ParserHint, ParserType } from "react-router-typesafe-routes";

// Extend built-in 'ParserHint' if needed.
type CustomParserHint = ParserHint | "entity";

// If 'ParserHint' is extended, you need to extend 'ParserType' as well.
type CustomParserType<T extends CustomParserHint> = T extends "entity"
  ? { id: number }
  : ParserType<Exclude<T, "entity">>;

// This factory can be used in place of built-in 'parser()'
function customParser<T extends CustomParserHint>(
  defaultHint?: T,
): Parser<CustomParserType<T>, CustomParserHint> {
  return {
    stringify(value, { hint, kind }) {
      const resolvedHint = hint ?? defaultHint;

// Customize serialization based on 'resolvedHint' and 'kind'.

return JSON.stringify(value);
    },
    parse(value, { hint, kind }) {
      const resolvedHint = hint ?? defaultHint;

// Customize parsing based on 'resolvedHint' and 'kind'.

return JSON.parse(value) as unknown;
    },
  };
}
```

</details>

### Construct type objects manually to cover obscure use cases

<details>
  <summary>Click to expand</summary>

```tsx
import { route, PathnameType } from "react-router-typesafe-routes";

// This type accepts 'string | number | boolean' and returns 'string'.
// It only implements 'PathnameType', so it can only be used for pathname params.
// Implement 'SearchType', 'HashType', and 'StateType' to cover other cases.
const looseString: PathnameType<string, string | number | boolean> = {
  serializeParam(value) {
    // It's always guaranteed that value is not 'undefined' here.
    return String(value);
  },
  deserializeParam(value) {
    // You could treat 'undefined' in a special way to distinguish absent and invalid params.
    if (typeof value !== "string") {
      throw new Error("Expected string");
    }

return value;
  },
};

const myRoute = route({
  path: ":id",
  params: { id: looseString },
});
```

</details>

## Concepts

### Nesting

#### Library routes

Any route can be a child of another route. Child routes inherit everything from their parent.

Most of the time, it's easier to simply inline child routes:

```tsx
import { route } from "react-router-typesafe-routes";

const user = route({ path: "user/:id", children: { details: route({ path: "details" }) } });

console.log(user.$path()); // "/user/:id"
console.log(user.details.$path()); // "/user/:id/details"
```

They can also be uninlined, most likely for usage in multiple places:

```tsx
import { route } from "react-router-typesafe-routes";

const details = route({ path: "details" });

const user = route({ path: "user/:id", children: { details } });
const post = route({ path: "post/:id", children: { details } });

console.log(user.details.$path()); // "/user/:id/details"
console.log(post.details.$path()); // "/post/:id/details"
console.log(details.$path()); // "/details"
```

To reiterate, `details` and `user.details` are separate routes, which will usually behave differently. `details` doesn't know anything about `user`, but `user.details` does. `details` is a standalone route, but `user.details` is a child of `user`.

> [!WARNING]  
> Child routes can't start with `$` to prevent overlapping with route API.

#### Using library routes in React Router routes

Routes structure _usually_ corresponds to the structure of `<Route />` components:

```tsx
import { Route, Routes } from "react-router-dom";

<Routes>
  {/* '/user/:id' */}
  <Route path={user.$path()} element={<User />}>
    {/* '/user/:id/details' */}
    <Route path={user.details.$path()} element={<UserDetails />} />
  </Route>
</Routes>;
```

> [!NOTE]  
> As a reminder, you have to render an `<Outlet />` in the parent component.

However, nothing stops you from specifying additional routes as you see fit.

Note that we're using `path()` here, which returns an absolute path pattern by default. React Router allows absolute child route paths if they match the parent path.

You're encouraged to use absolute path patterns whenever possible because they are easier to reason about.

> [!WARNING]  
> At the time of writing, there are [quirks](https://github.com/remix-run/react-router/issues/9925) with optional path segments that may force the use of relative path patterns.

Relative paths can be used like this:

```tsx
import { Route, Routes } from "react-router-dom";

<Routes>
  {/* 'user/:id' */}
  <Route path={user.$path({ relative: true })} element={<User />}>
    {/* 'details' */}
    <Route path={user.$.details.$path({ relative: true })} element={<UserDetails />} />
  </Route>
</Routes>;
```

That is, the `$` property of every route contains child routes that lack parent path pattern. The mental model here is that `$` defines the path pattern start.

`$path()` is a combined path with a leading slash (`/`), and `$path({ relative: true })` is a combined path **without intermediate stars (`*`)** and without a leading slash (`/`).

#### Nested `<Routes />`

If your `<Route/>` is rendered in a nested `<Routes />`, you have to not only add a `*` to the parent path, but also exclude the parent path from the subsequent paths. This might change if [this proposal](https://github.com/remix-run/react-router/discussions/9841) goes through.

```tsx
import { Route, Routes } from "react-router-dom";
import { route } from "react-router-typesafe-routes";

const user = route({ path: "user/:id/*", children: { details: route({ path: "details" }) } });

<Routes>
  {/* '/user/:id/*' */}
  <Route path={user.$path()} element={<User />} />
</Routes>;

// Somewhere inside <User />
<Routes>
  {/* '/details' */}
  <Route path={user.$.details.$path()} element={<UserDetails />} />
</Routes>;
```

> [!NOTE]  
> Star doesn't prevent subsequent routes from being rendered as direct children.

> [!WARNING]  
> At the time of writing, there are [some issues](https://github.com/remix-run/react-router/issues/9929) with nested `<Routes />` if dynamic segments are used.

### Typing

#### Terminology

Params can undergo the following transformations:

- _Serialization_ - a process of converting a JS value into a string (for URL params) or a serializable format (for state).
- _Deserialization_ - a process of transforming a string (for URL params) or a serializable value (for state) into a more structured format and checking its type and restrictions. For flexibility, this value may be different from the value that was serialized (e.g. `number` can be converted into `string`).

For serializable params, these transformations can be split into the following:

- _Stringification_ - a process of converting a serializable value into a string, the final step of _Serialization_ (for URL params).
- _Parsing_ - the opposite of _Stringification_ and the first step of _Deserialization_ (for URL params). For convenience, it's not required to return exactly the same value that was stringified, because the result of parsing is always validated.
- _Validation_ - a process of checking a value type and restrictions, the final step of _Deserialization_. For convenience, it can change the value to make it valid.

#### Built-in types

Built-in types are only concerned about _stringification_, _parsing_, and _validation_. They use `Parser` and `Validator` for that.

##### `Parser`

Parser is simply a group of functions for transforming a value to `string` and back:

```typescript
interface Parser<T, THint extends string = never> {
  stringify: (value: T, context: ParserContext<THint>) => string;
  // Return value can be different from T in some edge cases. It's always validated anyway.
  parse: (value: string, context: ParserContext<THint>) => unknown;
}

interface ParserContext<THint extends string = never> {
  // This field is used to change the behavior of the parser dynamically.
  hint?: THint;
  // This field isn't used by the library, but you can use it in custom parsers.
  kind: "pathname" | "search" | "hash";
}
```

The library provides the `parser()` helper for accessing the built-in parser. It can accept an optional type hint. By default, it simply behaves as `JSON`. It also has a special behavior for strings and dates, where it omits wrapping quotes in such serialized values.

##### `Validator`

Validator is simply a function for validating values:

```typescript
interface Validator<T, TPrev = unknown> {
  (value: TPrev): T | undefined;
}
```

It returns a valid value or throws (or returns `undefined`) if that's impossible. It can transform values to make them valid.

The important thing is that it has to handle both the original value and whatever the corresponding parser returns.

##### Base helper

The `type()` helper is a built-in type that all other built-in types are based on. The resulting param type is inferred from the given validator.

```typescript
import { type, parser, Validator } from "react-router-typesafe-routes";

const positiveNumber: Validator<number> = (value: unknown): number => {
  if (typeof value !== "number" || value <= 0) {
    throw new Error("Expected positive number");
  }

return value;
};

// The following types are equivalent (JSON is used as a parser).
// You could also supply a custom parser.
type(positiveNumber, parser("unknown"));
type(positiveNumber, parser());
type(positiveNumber);
```

By default, if deserialization results in `undefined` or throws, `undefined` is returned. This can be changed by the following modifiers:

```typescript
// This will throw an error.
type(positiveNumber).defined();
// This will return the given value.
type(positiveNumber).default(1);
```

The `.defined()`/`.default()` modifiers guarantee that the parsing result is not `undefined`. Default values passed to `.default()` are validated.

You can also make an array:

```typescript
// Deserialization will always return 'number[]'.

// Absent/invalid values will be omitted.
type(positiveNumber).array();

// Absent/invalid values will be replaced with '-1'.
type(positiveNumber).default(-1).array();

// Absent/invalid values will lead to an error.
type(positiveNumber).defined().array();
```

Arrays can only be used in search params and state, because there is no standard way to store arrays in pathname params or hash. For state, if a value is not an array, it's parsed as an empty array.

##### Type-specific helpers

For simple cases, you can use type-specific helpers: `string()`, `number()`, `boolean()`, and `date()`. They are built on top of `type()` and have the corresponding parsers and type checks built-in, at the same time allowing to customize both of them.

There is also somewhat specific `union()` helper that accepts an enum (or an enum-like object) or an array instead of a validator.

##### Third-party validation libraries

If you can, you should use a validation library for all types. You can use Standard Schema, Zod, and Yup out of the box via the `schema()`, `zod()`, and `yup()` helpers, and you should be able to integrate any third-party validation library via the `type()` helper. See [Advanced examples](#advanced-examples).

#### Type objects

Under the hood, built-in types create type objects that describe how to serialize and deserialize params:

```typescript
// Can be used for pathname params
interface PathnameType<TOut, TIn = TOut> {
  serializeParam: (originalValue: Exclude<TIn, undefined>) => string;
  deserializeParam: (plainValue: string | undefined) => TOut;
}

// Can be used for search params
interface SearchType<TOut, TIn = TOut> {
  serializeSearchParam: (originalValue: Exclude<TIn, undefined>) => string[] | string;
  deserializeSearchParam: (plainValue: string[]) => TOut;
}

// Can be used for hash
interface HashType<TOut, TIn = TOut> {
  serializeHash: (originalValue: Exclude<TIn, undefined>) => string;
  deserializeHash: (plainValue: string) => TOut;
}

// Can be used for state fields or the whole state
interface StateType<TOut, TIn = TOut> {
  serializeState: (originalValue: Exclude<TIn, undefined>) => unknown;
  deserializeState: (plainValue: unknown) => TOut;
}
```

> [!NOTE]  
> It's guaranteed that `undefined` will never be passed as `originalValue`.

There are some limitations in type objects that can be produced by built-in types, for instance:

- `TOut` is basically the same as `TIn` (the only difference is that `undefined` is added to `TOut` as needed).
- Arrays are somewhat limited.
- Errors and `undefined` values can't be distinguished during deserialization.
- Input values must be serializable.

Normally these limitations shouldn't get in your way, but if they do, you can get yourself unstuck by creating type objects manually.

#### Pathname params

Pathname params are inferred from the provided path pattern and can be overridden (partially or completely) with pathname type objects.

Just as usual segments, dynamic segments (pathname params) can be made optional by adding a `?` to the end. This doesn't apply to star (`*`) segments though.

Inferred params will implicitly use `string().defined()` and `string()` for required and optional params respectively.

```tsx
import { route, number } from "react-router-typesafe-routes";

// Here, id is overridden to be a number, and subId and optionalId are strings
const myRoute = route({
  path: "route/:id/:subId/:optionalId?",
  params: { id: number() },
});
```

Upon building, pathname params are required or optional based on the `?` modifier, except for the star parameter (`*`), which is always optional upon building.

Parsing behavior is determined by the type objects. Note that React Router parses star parameter (`*`) as an empty string if there are no segments to match.

> [!NOTE]  
> You most likely will never need it, but it's technically possible to provide a type object for the star parameter as well.

#### Search params

Search params are determined by the provided search type objects.

```tsx
import { route, string } from "react-router-typesafe-routes";

// Here, we define a search parameter 'filter' of 'string' type
const myRoute = route({ path: "route", searchParams: { filter: string() } });
```

Upon building, all search params are optional. Parsing behavior is determined by the type objects.

#### Hash

Hash is determined by the provided hash type object. It's also possible to provide an array of possible `string` values if you want to inherit parent values.

```tsx
import { route, string, union } from "react-router-typesafe-routes";

const routeWithAnyHash = route({ path: "route", hash: string() });

const routeWithRestrictedHash = route({ path: "route", hash: union(["about", "more"]) });

const routeWithInheritableValues = route({
  path: "route",
  hash: ["about", "more"],
});
```

Upon building, hash is optional. Parsing behavior is determined by the type object. In the case of an array of possible values, an absent/invalid value will result in `undefined`.

#### State fields

State fields are determined by the provided state type objects. It's also possible to use a type object to define the whole state.

```tsx
import { route, boolean, string } from "react-router-typesafe-routes";

// Here, we define a state field 'fromList' of 'boolean' type
const myRoute = route({ path: "route", state: { fromList: boolean() } });

// Here, we define the whole state as 'string'
const myOtherRoute = route({ path: "route", state: string() });
```

Upon building, all state fields (and the whole state) are optional. Parsing behavior is determined by the type objects.

#### Types inheritance

Child routes inherit all type objects from their parent. For params with the same name, child type objects take precedence.

Separate hash values can be inherited only if they are defined as an array of strings.

#### Types composition

Pathless routes can be composed to other routes to share types. Please refer to [Advanced examples: Share types between routes](#share-types-between-routes).

Multiple routes can be composed. For params with the same name, the rightmost route takes precedence.

#### Types priority

When there are multiple types for the same param, they are resolved as follows, from the lowest priority to the highest:

- Implicit pathname types
- Inherited types
- Composed types
- Explicit types

If hash type is defined as an array of strings and a hash type at the same time, the hash type always wins regardless of the rules above.

If state type is defined as a set of its fields' types and a whole state type at the same time, the whole state type always wins regardless of the rules above.

> [!WARNING]  
> Params with the same name are discouraged.

## API

### `route()`

A route is defined via the `route()` helper. All its options are optional.

```tsx
import { route, string, number, boolean } from "react-router-typesafe-routes";

const myFragment = route({ searchParams: { myFragmentParam: string() } });

const myRoute = route({
  path: "my/path",
  compose: [myFragment],
  params: { myPathnameParam: string() },
  searchParams: { mySearchParam: number() },
  hash: union(["my-hash", "my-other-hash"]),
  state: { myStateParam: boolean() },
  children: { myChildRoute: route({ path: "child" }) },
});
```

The `path` option is a path pattern that you would put to the `path` property of a `<Route/>`, but without leading or trailing slashes (`/`). More specifically, it can:

- be a simple segment or a group of segments (`'user'`, `'user/details'`).
- have any number of dynamic segments (params) anywhere (`':id/user'`, `'user/:id/more'`).
- **end** with a star segment (`'user/:id/*'`, `'*'`)
- have any number of optional segments (`user?/:id?`)
- be an empty string (`''`).

Unspecified (or `undefined`) `path` means that the route is pathless. Pathless routes are intended for types sharing.

The `compose` option is an array of pathless routes whose types are composed into the route. See [Typing: Types composition](#types-composition).

The `params`, `searchParams`, `hash`, and `state` options specify type objects (and possibly hash values) of the route. See [Typing](#typing).

The `children` option specifies child routes of the route. See [Nesting](#nesting).

The `route()` helper returns a route object, which has the following fields:

- `$path()` that returns an absolute path pattern (by default) or a relative path pattern (if the `relative` option is set to `true`). Absolute path pattern is a combined pattern with a leading slash (`/`), and relative path pattern is a combined pattern **without intermediate stars (`*`)** and a leading slash (`/`). They can be passed to e.g. the `path` prop of React Router `<Route/>`.
- `$buildPath()` for building parametrized URL paths (pathname + search + hash) which can be passed to e.g. the `to` prop of React Router `<Link />`.
- `$buildState()` for building typed states, which can be passed to e.g. the `state` prop of React Router `<Link />`.
- `$buildPathname()`, `$buildSearch()`, and `$buildHash()` for building parametrized URL parts. They can be used (in conjunction with `$buildState()`) to e.g. build a parametrized `Location` object.
- `$deserializeParams()`, `$deserializeSearchParams()`, `$deserializeHash()`, and `$deserializeState()` for retrieving typed params from React Router primitives. Untyped params are omitted.
- `$serializeParams()` and `$serializeSearchParams()` for building React Router primitives from typed params. Note how hash and state don't need these functions because `$buildHash()` and `$buildState()` can be used instead.
- `$spec`, which contains resolved type objects (and possibly hash values) of the route, as well as its `path` option.
- `$`, which contains child routes that lack the parent path pattern.
- Any number of child routes (that can't start with a `$`).

`$buildPath()` and `$buildPathname()` accept the `relative` option for building relative paths.

`$buildPath()`, `$buildSearch()`, and `$serializeSearchParams()` accept a `URLSearchParams` object in the `untypedSearchParams` option for mixing in its untyped params.

`$buildState()` accepts a state object in the `untypedState` option for mixing in its untyped fields.

### `parser()`

The built-in parser is exposed as `parser()`. It should only be used for creating custom wrappers around `type()`.

It accepts the following type hints:

- `'unknown'` - the value is processed by `JSON`. This is the default.
- `'string'` - the value is not transformed in any way.
- `'date'` - the value is transformed to an ISO string.
- `'number'` and `'boolean'`, which behave identically to `'unknown'` and exist only for technical reasons.

### `type()`

All type helpers are wrappers around `type()`. It's primarily exposed for integrating third-party validation libraries, but it can also be used directly, if needed.

See [Typing: Base helper](#base-helper).

There are built-in helpers for common types:

- `string()`, `number()`, `boolean()`, `date()` - simple wrappers around `type()`, embed the corresponding parsers and type checks. Can accept validators that expect the corresponding types as an input and/or custom parsers.
- `union()` - a wrapper around `type()` that describes unions of `string`, `number`, or `boolean` values. Accepts a readonly array or an enum (or an enum-like readonly (`as const`) object). Can accept a custom parser as well.

There are also built-in helpers for third-party validation libraries:

- `schema()` - a wrapper around `type()` for creating type objects based on Standard Schemas. Uses a separate entry point: `react-router-typesafe-routes/standard-schema`.
- `zod()` - a wrapper around `type()` for creating type objects based on Zod Types. Uses a separate entry point: `react-router-typesafe-routes/zod`.
- `yup()` - a wrapper around `type()` for creating type objects based on Yup Schemas. Uses a separate entry point: `react-router-typesafe-routes/yup`.

All of them use the built-in parser with auto-detected hint by default, and all of them allow to supply a custom parser.

All built-in helpers catch parsing and validation errors and replace them with `undefined`. This behavior can be altered with the following modifiers:

- `.default()` - accepts a default value that is used instead of an absent/invalid param;
- `.defined()` - specifies that an error is thrown in case of an absent/invalid param. For invalid params, the original error is used.

### `configure()`

All entry points expose the `configure()` helper that sets a parser for the corresponding type helpers globally. It accepts a parser factory like the built-in `parser()`.

### Useful types

- `Route` is a base type that any route object is assignable to.
- `PathParam` is similar to `PathParam` from React Router, but it allows a slightly more nuanced params extraction.
- `InPathnameParams`, `OutPathnameParams`, `InSearchParams`, `OutSearchParams`, `InState`, `OutState`, `InHash`, and `OutHash` can be used to extract the corresponding params from the route spec (`$spec`).

### Hooks

All hooks are designed in such a way that they can be reimplemented in the userland. If something isn't working for you, you can get yourself unstuck by creating custom hooks.

Of course, you can still use React Router hooks as you see fit.

#### `useTypedParams()`

The `useTypedParams()` hook is a thin wrapper around React Router `useParams()`. It accepts a route object as the first parameter, and the rest of the API is basically the same, but everything is properly typed.

#### `useTypedSearchParams()`

The `useTypedSearchParams()` hook is a (somewhat) thin wrapper around React Router `useSearchParams()`. It accepts a route object as the first parameter, and the rest of the API is basically the same, but everything is properly typed.

The only notable difference is that `setTypedSearchParams()` has an additional `untypedSearchParams` option. If `true`, existing untyped (by the given route) search params will remain intact. Note that this option does not affect the `state` option. That is, there is no way to preserve untyped state fields.

The reason for this is that `useTypedSearchParams()` is intended to be a simple wrapper around `useSearchParams()`, and the latter doesn't provide any access to the current state. If [this proposal](https://github.com/remix-run/react-router/discussions/9950) goes through, it would be very easy to implement, but for now, the only way to achieve this is to create a custom hook.

#### `useTypedHash()`

The `useTypedHash()` hook is a thin wrapper around React Router `useLocation()`. It accepts a route object as the first parameter and returns a typed hash.

#### `useTypedState()`

The `useTypedState()` hook is a thin wrapper around React Router `useLocation()`. It accepts a route object as the first parameter and returns a typed state.

react-router-typesafe-routes

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

react-router-typesafe-routes

파일 탐색기

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README