Best practice for setting response headers in server middleware

Hi team,

I'm working on improving the Clerk integration for TanStack Start and need clarification on the proper way to set response headers within server middleware created with

createMiddleware().server()

createMiddleware().server()

.

Is there a proper, documented way of doing this?

Current approach: We're currently using this pattern

const clerkMiddleware = createMiddleware().server(async ({ request, next }) => {
  // ... authentication logic ...

  const result = await next({ context: { ... } });
  
  if (requestState.headers) {
    // requestState is from Clerk
    requestState.headers.forEach((value, key) => {
      result.response.headers.append(key, value);
    });
  }
  
  return result;
});

const clerkMiddleware = createMiddleware().server(async ({ request, next }) => {
  // ... authentication logic ...

  const result = await next({ context: { ... } });
  
  if (requestState.headers) {
    // requestState is from Clerk
    requestState.headers.forEach((value, key) => {
      result.response.headers.append(key, value);
    });
  }
  
  return result;
});

Any guidance would be greatly appreciated!

TanStack•2mo ago•

2 replies

verbal-lime

Best practice for setting response headers in server middleware

Hi team,

I'm working on improving the Clerk integration for TanStack Start and need clarification on the proper way to set response headers within server middleware created with

createMiddleware().server()

createMiddleware().server()

.

Is there a proper, documented way of doing this?

Current approach: We're currently using this pattern

const clerkMiddleware = createMiddleware().server(async ({ request, next }) => {
  // ... authentication logic ...

  const result = await next({ context: { ... } });
  
  if (requestState.headers) {
    // requestState is from Clerk
    requestState.headers.forEach((value, key) => {
      result.response.headers.append(key, value);
    });
  }
  
  return result;
});

const clerkMiddleware = createMiddleware().server(async ({ request, next }) => {
  // ... authentication logic ...

  const result = await next({ context: { ... } });
  
  if (requestState.headers) {
    // requestState is from Clerk
    requestState.headers.forEach((value, key) => {
      result.response.headers.append(key, value);
    });
  }
  
  return result;
});

Any guidance would be greatly appreciated!

Best practice for setting response headers in server middleware

Similar Threads

Best practice for setting response headers in server middleware

Similar Threads

Similar Threads

Similar Threads