How to prevent a specific Loader from re-rendering my screen?

[nemonemi]

I have a loader that, among other things, performs a search for some data.
After that, a user selects one item and adds it to the data on that route.

Searching for those results should not cause the whole route to re-render, because no state has yet changed.
Once the selected result has been added to the screen, then the screen should re-render.

Loader:

export function qualificationProjectLoaderSetup(backendApiUrl: string) {
  const graphQLClient = graphqlClientConfiguration(backendApiUrl);

  return (async ({ params, request }) => {
    const projectId = params.projectId;

    const projectResponse: QualificationProjectResult | null = await resolveProject(projectId, graphQLClient);
    
    const suppliers: Supplier[] | null = await resolveSuppliers(request.url, graphQLClient); // <-- this is the one that is used for searching the results
    
    const addedSupplierToProject: SupplierAdditionResult | null = await addSupplierToProject(
      request.url,
      projectId,
      graphQLClient
    );


    return { projectResponse: addedSupplierToProject || projectResponse, suppliers };
  });
}