msw with fake data

user.mock.ts

import { factory } from '@mswjs/data';
import { http, HttpResponse } from 'msw';

import { faker } from '@faker-js/faker';
import { primaryKey } from '@mswjs/data';

type User = {
	id: string;
	firstName: string;
};

const UserModel = {
	id: primaryKey(() => faker.string.uuid()),
	firstName: () => faker.person.firstName()
};

const db = factory({
	user: UserModel
});

for (let index = 0; index < 10; index++) {
	db.user.create();
}

const handlers = [
	// GET /users
	http.get<never, never, User[]>('/users', () => {
		const users = db.user.getAll();

		return HttpResponse.json(users, { status: 200 });
	}),
	// PUT /users/:id
	http.put<never, never, User>('/users/:id', async ({ request, params }) => {
		const { id } = params;
		const { firstName } = await request.json();

		const updatedUser = db.user.update({
			where: {
				id: {
					equals: id
				}
			},
			data: {
				firstName
			}
		});

		return HttpResponse.json(updatedUser, { status: 201 });
	}),
	// POST /users
	http.post<never, never, User>('/users', async ({ request }) => {
		const { firstName } = await request.json();

		const newUser = db.user.create({ firstName });

		return HttpResponse.json(newUser, { status: 201 });
	}),
	// DELETE /users/:id
	http.delete<{ id: string }, never, User>('/users/:id', ({ params }) => {
		const { id } = params;

		const deletedUser = db.user.delete({
			where: {
				id: {
					equals: id
				}
			}
		});

		return HttpResponse.json(deletedUser, { status: 201 });
	})
];