How do you include relationships when mixing the JSON API and Rest serializers? about miragejs HOT 3 OPEN

import { faker } from '@faker-js/faker';
import { belongsTo, createServer, Factory, Model } from 'miragejs';
import { ModelDefinition } from 'miragejs/-types';

import { TaskModel } from '~/entities/Task';
import { UserModel } from '~/entities/User';

export const userFactory = Factory.extend<UserModel>({
  id(i) {
    return i;
  },
  firstName() {
    return faker.person.firstName();
  },
  lastName() {
    return faker.person.lastName();
  },
  email() {
    return faker.internet.email({
      firstName: faker.person.firstName(),
      lastName: faker.person.lastName(),
    });
  },
  address() {
    return faker.location.country();
  },
  dob() {
    return faker.date.birthdate({ min: 18, max: 65, mode: 'age' }).toString();
  },
  avatar() {
    return faker.internet.avatar();
  },
});

export const taskFactory = Factory.extend<TaskModel>({
  id(i) {
    return i;
  },
  description() {
    return faker.lorem.paragraph(4);
  },
  createdAt() {
    return faker.date.recent().toString();
  },
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
  // @ts-ignore
  afterCreate(task, server) {
    task.update({
      user: server.create('user'),
    });
  },
});

const UserDefModel: ModelDefinition<UserModel> = Model.extend({});
const TaskDefModel: ModelDefinition<TaskModel> = Model.extend({
  user: belongsTo(),
});

export function startMockServer() {
  createServer({
    namespace: 'api',
    models: {
      user: UserDefModel,
      task: TaskDefModel,
    },
    factories: {
      user: userFactory,
      task: taskFactory,
    },
    seeds(server) {
      server.createList('task', 100);
    },
    routes() {
      this.get(`/tasks`);
    },
  });
}