feat(client): update example to use actual code from the spec to avoid type error

Author: seriouslag

examples/openapi-ts-sample/src/App.tsx

@@ -9,14 +9,14 @@ import {
   Section,
 } from '@radix-ui/themes';
 
-// @ts-expect-error
-import { postFoo } from './client/sdk.gen';
+import { addPet } from './client/sdk.gen';
 
 function App() {
   const onClick = async () => {
-    postFoo({
+    addPet({
       body: {
-        foo: [[1, 2]],
+        name: 'test',
+        photoUrls: ['test'],
       },
     });
   };

examples/openapi-ts-sample/src/client/client.gen.ts

@@ -1,7 +1,32 @@
 // This file is auto-generated by @hey-api/openapi-ts
 
-import { createClient, createConfig } from '@hey-api/client-fetch';
+import {
+  type ClientOptions as DefaultClientOptions,
+  type Config,
+  createClient,
+  createConfig,
+} from '@hey-api/client-fetch';
 
 import { createClientConfig } from '../hey-api';
+import type { ClientOptions } from './types.gen';
 
-export const client = createClient(createClientConfig(createConfig()));
+/**
+ * The `createClientConfig()` function will be called on client initialization
+ * and the returned object will become the client's initial configuration.
+ *
+ * You may want to initialize your client this way instead of calling
+ * `setConfig()`. This is useful for example if you're using Next.js
+ * to ensure your client always has the correct values.
+ */
+export type CreateClientConfig<T extends DefaultClientOptions = ClientOptions> =
+  (
+    override?: Config<DefaultClientOptions & T>,
+  ) => Config<Required<DefaultClientOptions> & T>;
+
+export const client = createClient(
+  createClientConfig(
+    createConfig<ClientOptions>({
+      baseUrl: 'https://petstore3.swagger.io/api/v3',
+    }),
+  ),
+);

examples/openapi-ts-sample/src/client/schemas.gen.ts

@@ -38,59 +38,6 @@ export const OrderSchema = {
   },
 } as const;
 
-export const CustomerSchema = {
-  properties: {
-    address: {
-      items: {
-        $ref: '#/components/schemas/Address',
-      },
-      type: 'array',
-      xml: {
-        name: 'addresses',
-        wrapped: true,
-      },
-    },
-    id: {
-      example: 100000,
-      format: 'int64',
-      type: 'integer',
-    },
-    username: {
-      example: 'fehguy',
-      type: 'string',
-    },
-  },
-  type: 'object',
-  xml: {
-    name: 'customer',
-  },
-} as const;
-
-export const AddressSchema = {
-  properties: {
-    city: {
-      example: 'Palo Alto',
-      type: 'string',
-    },
-    state: {
-      example: 'CA',
-      type: 'string',
-    },
-    street: {
-      example: '437 Lytton',
-      type: 'string',
-    },
-    zip: {
-      example: 94301,
-      type: 'string',
-    },
-  },
-  type: 'object',
-  xml: {
-    name: 'address',
-  },
-} as const;
-
 export const CategorySchema = {
   properties: {
     id: {
@@ -130,11 +77,11 @@ export const UserSchema = {
       type: 'string',
     },
     password: {
-      example: 12345,
+      example: '12345',
       type: 'string',
     },
     phone: {
-      example: 12345,
+      example: '12345',
       type: 'string',
     },
     userStatus: {
@@ -206,9 +153,6 @@ export const PetSchema = {
     tags: {
       items: {
         $ref: '#/components/schemas/Tag',
-        xml: {
-          name: 'tag',
-        },
       },
       type: 'array',
       xml: {