Blank Page on throw notFound() in beforeLoad

[RBkalfrisa]

I have an issue where if I try this exact loader in a beforeLoad I get a blank page when throw notFound()

// serverFn
export const getCalcById = createServerFn({
  method: 'GET',
})
 ....
    const someData = someAction({
      ...
    })

    if (!someData) {
      throw new Error('someMessage')
    }

    return someData
  })

// query options
export const someQueryOptions= (someId: string) =>
  queryOptions({
    queryKey: ['some', someId],
    queryFn: () =>
      getSomeDataById({
        data: {
          id: someId,
        },
      }),
  })



// this works fine but if I swap for a beforeLoad I get a blank screen if the above serverFn throws an error
  loader: async ({ context: { queryClient }, params: { someId } }) => {
    try {
      // This throws an error if it can't return the data
      const someData = await queryClient.ensureQueryData(someQueryOptions(someId))
      return {  someData }
    } catch (e) {
      throw notFound()
    }
  },

  // this wont work
  beforeLoad: async ({ context: { queryClient }, params: { someId } }) => {
    try {
      // This throws an error if it can't return the data
      const someData = await queryClient.ensureQueryData(someQueryOptions(someId))
      return {  someData }
    } catch (e) {
      // blank screen
      throw notFound()
    }
  },

  // this is in the exact same route definition as the `beforeLoad` that I'm trying to get to work
  notFoundComponent: () => {
    const { someId } = Route.useParams()
    return (
      <EntityNotFound
        linkOptions={{ to: '/' }}
      />
    )
  },

[RBkalfrisa]

I changed to errorComponent and that fixed the issue, as the api call throws an error, it's not a case of using the not found, rather the error component