tohokuaikiのチラシの裏

技術的ネタとか。

React

ReactでModalを消すときにフォーカスが消える要素に当たってますよってエラーが出たので何とかしてもらった。

こんなエラーが出た。 Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the in…

React Google Mapsを使ってて、PINを打とうとするとなんか微妙にずれる件

visgl.github.io Pinを使ってラップするとうまい具合に中のピンも寄ってくれるので、GoogleマップのPinの要素は全部透明化してやればOK <AdvancedMarker position={{ lat: point.lat, lng: point.lng }} ref={ref} onClick={handleClick}> <Pin borderColor="transparent" background="transparent" glyphColor="transparent"> <div className="landmark"> </div></pin></advancedmarker>

Laravel Breeze(Inertia.jsは+React)でユーザーのパスワード変更をしたらTokenがマッチしなくなった件

環境 Laravel11 + Breeze + Inertia.js + React でユーザーログイン周りのScaffoldを作った。 操作は全てReactからのAPIコール AuthはStatefulAPIを使って、Sanctumで行う。Routeにミドルウェアを Route::middleware('auth:sanctum')って感じ。 ログイン後に…

Reactのページ送りライブラリをreact-paginateからrc-paginationに変えた

Reactでページ送りを実装するときに、とりあえず https://www.npmjs.com/ で「react paginate」とかで検索したりgoogle:react paginateでググったりすると、react-paginateってのが出てくるんですよ。 www.npmjs.com これについて解説しているQiitaの記事も…