ITの隊長のブログ

ITの隊長のブログです。Rubyを使って仕事しています。最近も色々やっているお(^ω^ = ^ω^)

2022-08-01から1ヶ月間の記事一覧

DatePickerのformに空文字をSetValueすると 「Invalid time value」 になる

react-hook-formを使ってました。 nullはおkらしい setValue('date-input-form', null) // ok // setValue('date-input-form', '') // invalid time value

Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.

useEffectを削除したら消えた。なるほど。 const { setValue } = useForm() // 省略 useEffect(() => { // 省略 setValue('variable.hoge', hoge) }, [storeVariable]) こんな感じの処理を書いてた。 次に、useEffectを消さずに、setValueだけ消したらエラー…

error TS2538: Type 'string[]' cannot be used as an index type.

なんじゃろ?ってぐぐってみると下記がわかりやすかった qiita.com bobbyhadz.com 要は動的に用意した変数の型がわからんままObjectの要素を指定しようとするとだめということらしい。 // だめ // const key = Object.keys(current)[0] // OK const key: str…

8月は有給消化だったけど家族のコロナリレーで無事消化されました

実は転職するんですが、8月まるまる有給とれたので 実はもっと余ってたけど 、僕の人生の中では一大イベントになりました!!! なにしようかな〜〜〜統計検定リベンジするのもいいな〜〜〜次の現場(?)に向けて勉強するのもいいな〜〜〜〜、前からやりた…

【わからない】react-hook-formとYupで複数フィールドの重複をチェックするバリデーションとエラーを表示するフォーム

ほぼ1日かけて探したけどわからないので供養 const uniqueId = (value, context) => { const [_, parent] = context.from const filedNames = ['hogehoge1', 'hogehoge2', 'hogehoge3'] const list = [ parent.value.hogehoge1.id, parent.value.hogehoge2.i…

【Jest】テスト実行時にテスト名をconsole.logで表示する

describe('useHogehogeHook', () => { beforeEach(() => { console.log(expect.getState().currentTestName); }); // 省略 これで、各テスト実行時にテスト名を表示してくれるようになる。 デバッグしているときに、どのテストでデバッグようにhookに追加し…

React + GraphQLで通信エラーを確認する

ベストプラクティスはどうやってデバッグするのかはわからないですが、下記メモ。 query, mutationからerror変数を取得する // errorを確認してみる const { data: getSomething, loading, error } = useGetSomethingQuery({ variables: { id, }, fetchPolic…

VSCodeとDockerとDocker Volume使ってTypeScript + React開発しているとnode_modulesをVSCodeが参照できないから型探検隊になってしまい夜しか眠れなくなる

参考にした記事 zenn.dev zenn.dev www.keisuke69.net 僕が試した手順 pluginをインストール このあとdocker-compose.yml用意しないといけないのかだるいとか思ってたけど、何もしなくてもよかった。 VSCodeの左したをクリックして、起動しているコンテナにA…

TypeScriptの雑なメモ

ふぁ!?????ってなったことが多いのでとりあえず雑なメモを残す ブルーベリー本から keyof const mmC = { mm: 1, m: 1e3, km: 1e6 } // OK // function c(value: number, unit: keyof typeof mmC) { // !??? // Element implicitly has an 'any' type b…

Mockeryがわからない

laravel.com Laravelの中に入っているライブラリらしいが、使い方がいまいちわかっておらぬ。Jestでモックの流れをある程度把握した(つもり)と思っているので、ぱっと見なにをやっているかは読めると思っているが、モックできているのかどうかがわからない…

index.lock: File exists.

git

$ g add app fatal: Unable to create '~/project_dir/.git/index.lock': File exists. Another git process seems to be running in this repository, e.g. an editor opened by 'git commit'. Please make sure all processes are terminated then try aga…