diff --git a/.changeset/cyan-ants-pump.md b/.changeset/cyan-ants-pump.md new file mode 100644 index 0000000000..8b4e7e003b --- /dev/null +++ b/.changeset/cyan-ants-pump.md @@ -0,0 +1,6 @@ +--- +'example-app': patch +'@backstage/cli': patch +--- + +The issue was resolved by removing the API data and replacing it with hardcoded JSON due to non-commercial rights restrictions. diff --git a/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.test.tsx.hbs b/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.test.tsx.hbs index a553ecd0b0..13a4061949 100644 --- a/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.test.tsx.hbs +++ b/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.test.tsx.hbs @@ -13,7 +13,7 @@ describe('ExampleFetchComponent', () => { // setup mock response beforeEach(() => { server.use( - rest.get('https://randomuser.me/*', (_, res, ctx) => + rest.get('https://tinyurl.com/fake-data', (_, res, ctx) => res(ctx.status(200), ctx.delay(2000), ctx.json({})), ), ); diff --git a/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs b/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs index 03b25dfb4f..d01fd8467a 100644 --- a/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs +++ b/packages/cli/templates/default-plugin/src/components/ExampleFetchComponent/ExampleFetchComponent.tsx.hbs @@ -19,18 +19,8 @@ type User = { first: string; // "Duane", last: string; // "Reed" }; - location: object; // {street: {number: 5060, name: "Hickory Creek Dr"}, city: "Albany", state: "New South Wales",…} email: string; // "duane.reed@example.com" - login: object; // {uuid: "4b785022-9a23-4ab9-8a23-cb3fb43969a9", username: "blackdog796", password: "patch",…} - dob: object; // {date: "1983-06-22T12:30:23.016Z", age: 37} - registered: object; // {date: "2006-06-13T18:48:28.037Z", age: 14} - phone: string; // "07-2154-5651" - cell: string; // "0405-592-879" - id: { - name: string; // "TFN", - value: string; // "796260432" - }; - picture: { medium: string }; // {medium: "https://randomuser.me/api/portraits/men/95.jpg",…} + picture: string; // "https://api.dicebear.com/6.x/open-peeps/svg?seed=Duane" nat: string; // "AU" }; @@ -52,7 +42,7 @@ export const DenseTable = ({ users }: DenseTableProps) => { return { avatar: ( {user.name.first} @@ -65,7 +55,7 @@ export const DenseTable = ({ users }: DenseTableProps) => { return ( { export const ExampleFetchComponent = () => { const { fetch } = useApi(fetchApiRef); const { value, loading, error } = useAsync(async (): Promise => { - const response = await fetch('https://randomuser.me/api/?results=20'); + const response = await fetch('https://tinyurl.com/fake-data'); const data = await response.json(); return data.results; }, []);