🎉 give examples

Author: jp-knj

example/01_preact/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.3.0",
-    "assert-util-types": "0.0.5",
+    "assert-util-types": "0.0.7",
     "typescript": "^4.6.4",
     "vite": "^3.0.7"
   }

example/01_preact/pnpm-lock.yaml

@@ -18,7 +18,7 @@ function asToDoId(value: unknown): TodoId {
     return value;
 }
 
-export function App() {
+export function App(): JSX.Element {
   const { data, error } = useTodoFetch<Todo>(asToDoId('1'));
   if (error) return <p>There is an error.</p>
   if (!data) return <p>Loading...</p>

example/01_preact/src/app.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useReducer, useRef } from 'preact/hooks'
+import { assertMatchedType } from 'assert-util-types';
 import type { TodoId } from './type'
 
 interface State<T> {
@@ -64,7 +65,10 @@ export function useTodoFetch<T = unknown>(id: TodoId, options?: RequestInit): St
                     throw new Error(response.statusText)
                 }
 
-                const data = (await response.json()) as T
+                const data: T = await response.json();
+
+                // if hav　specified props, return the data
+                assertMatchedType<{ data: T }>(data, ['data']);
                 cache.current[url] = data
                 if (cancelRequest.current) return
 

example/01_preact/src/use-todo-fetch.ts

@@ -1,6 +1,6 @@
 {
   "name": "assert-util-types",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "daily work would be much easier if there were utility assert functions",
   "scripts": {
     "dev": "vite",