Journey

TypeScriptでライブラリをラッパーして型を閉じ込める

📅 Sep 17, 2022 · ☕ 1 min read

結論 TanStack Queryの例です 1 2 3 4 5 6 7 8 9 10 import {QueryClient as QueryClientImpl, QueryClientProvider as ReactQueryQueryClientProvider} from "@tanstack/react-query" import {ReactNode} from "react" export const createClient = (): QueryClient => new QueryClientImpl() export const QueryClientProvider = ({client, children}: {client: QueryClient, children: ReactNode}) => { return <ReactQueryQueryClientProvider client={client as QueryClientImpl}>{children}</ReactQueryQueryClientProvider> } export type QueryClient = {}

Nextjsでreact-queryのinvalidateQueriesがうまく動かない原因

📅 Feb 11, 2022 · ☕ 1 min read

以下のようなコードでinvalidateQueriesがうまく動かないことがありました。 1 2 3 4 5 6 7 8 9 10 11 12 // _app.tsx function MyApp({ Component, pageProps }: AppProps): JSX.Element { const client = new

sorbetでmochaを使う方法

📅 May 30, 2021 · ☕ 1 min read

現象 sorbetでmochaのオブジェクトを引数として渡そうとすると以下のようなエラーが出る 1 TypeError: Parameter 'http_client': Expected type HttpClient, got type Mocha::Mock with value #<Mock:0xaa78> これはsorbet-r

rom-rbでcustom mapperを使っている時に must be a subclass of ROM::Struct が出る時の対処法

📅 May 28, 2021 · ☕ 1 min read

現象 1 2 3 4 5 6 7 8 9 10 11 12 13 14 require 'rom/transformer' class UserMapper < ROM::Transformer relation :users, as: :default map_array do symbolize_keys constructor_inject Entities::User end end class UserRepository < ROM::Repository[:users] struct_namespace Entities end のようなcustom mapperを定義し、 1 user_repository.users.map_with(:default).to_a とした時に以下

rom-rbのmapperで undefined method key? が出る時の対処法

📅 May 28, 2021 · ☕ 1 min read

現象 rom-rbでmapperを使うと key? がないというエラーが出た 1 2 3 4 5 6 7 class UserMapper < ROM::Transformer relation :users, as: :default map_array do constructor_inject Domain::Model::User end end どうやらmapperの処理に入る時