Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Docs]: fetcher type inference for resource routes #12726

Open
bairdj opened this issue Jan 12, 2025 · 0 comments
Open

[Docs]: fetcher type inference for resource routes #12726

bairdj opened this issue Jan 12, 2025 · 0 comments
Labels

Comments

@bairdj
Copy link

bairdj commented Jan 12, 2025

Describe what's incorrect/missing in the documentation

https://reactrouter.com/how-to/fetchers#loading-data

In this doc, search-users.tsx is defined as a resource route with no default export.

In the example here, it calls import type { Search } from "./search-users";, however there is no export called Search and therefore this fails.

To get the type inference to work, I did this based on inspecting the generated types

import type { Info } from "../routes/+types/location_search"

Then inside the component

const fetcher = useFetcher<Info["loaderData"]>();

This works as expected, but not sure if this is the correct pattern to use

@bairdj bairdj added the docs label Jan 12, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant