Throw `json` in middleware not working for route rendered on server

I have a basic role check in server middleware. In the

loaderData

loaderData

function of a Route, it makes a call to a server function using that middleware.
However, the server crashes when the route attempts to be loaded by a server without the required role. Any reason why this would be?

My middleware:

export const requireRoleMiddleware = (requiredRole: User['role']) =>
  createMiddleware({ type: 'function' })
    .middleware([userRequiredMiddleware])
    .server(async ({ next, context }) => {
      const userRole = context.userSession!.user.role;

      if (roleHierarchy.indexOf(requiredRole) < roleHierarchy.indexOf(userRole)) {
        throw json({ error: 'Forbidden' }, { status: 403 });
      }
      return next({ context: { userSession: context.userSession } });
    });

export const requireRoleMiddleware = (requiredRole: User['role']) =>
  createMiddleware({ type: 'function' })
    .middleware([userRequiredMiddleware])
    .server(async ({ next, context }) => {
      const userRole = context.userSession!.user.role;

      if (roleHierarchy.indexOf(requiredRole) < roleHierarchy.indexOf(userRole)) {
        throw json({ error: 'Forbidden' }, { status: 403 });
      }
      return next({ context: { userSession: context.userSession } });
    });

TanStack•7mo ago•

1 reply

sad-indigo

Throw `json` in middleware not working for route rendered on server

I have a basic role check in server middleware. In the

loaderData

loaderData

export const requireRoleMiddleware = (requiredRole: User['role']) =>
  createMiddleware({ type: 'function' })
    .middleware([userRequiredMiddleware])
    .server(async ({ next, context }) => {
      const userRole = context.userSession!.user.role;

      if (roleHierarchy.indexOf(requiredRole) < roleHierarchy.indexOf(userRole)) {
        throw json({ error: 'Forbidden' }, { status: 403 });
      }
      return next({ context: { userSession: context.userSession } });
    });

export const requireRoleMiddleware = (requiredRole: User['role']) =>
  createMiddleware({ type: 'function' })
    .middleware([userRequiredMiddleware])
    .server(async ({ next, context }) => {
      const userRole = context.userSession!.user.role;

      if (roleHierarchy.indexOf(requiredRole) < roleHierarchy.indexOf(userRole)) {
        throw json({ error: 'Forbidden' }, { status: 403 });
      }
      return next({ context: { userSession: context.userSession } });
    });

Throw `json` in middleware not working for route rendered on server

Similar Threads

Throw `json` in middleware not working for route rendered on server

Similar Threads

Similar Threads

Similar Threads