Creates typed mock data files in src/data/ following project conventions. Use when needing test data for new features or components.
Sign in to like and favorite skills
Creates typed mock data files following project patterns.
src/data/mock-{feature}.ts
// src/data/mock-{feature}.ts export interface {Feature}Data { id: string; name: string; // Add fields based on requirements } export const mock{Feature}Data: {Feature}Data = { id: "1", name: "Example", }; // For arrays: export const mock{Feature}List: {Feature}Data[] = [ { id: "1", name: "Item 1" }, { id: "2", name: "Item 2" }, ];
mock-See these files for reference patterns:
src/data/mock-order.tssrc/data/mock-project.tssrc/data/mock-unmatched-items.ts// hooks/use{Feature}.ts import { useQuery } from "@tanstack/react-query"; import { mock{Feature}Data, {Feature}Data } from "../data/mock-{feature}"; async function fetch{Feature}Data(): Promise<{Feature}Data> { await new Promise((r) => setTimeout(r, 500)); // Simulate API return mock{Feature}Data; } export function use{Feature}() { return useQuery({ queryKey: ["{feature}"], queryFn: fetch{Feature}Data, }); }