{"width":"100%","author_name":"panda_noir","height":"190","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.pandanoir.info%2Fentry%2F2025%2F09%2F16%2F232107\" title=\"useSyncExternalStore \u3092\u4f7f\u3063\u3066\u5e38\u306b\u6700\u65b0\u306eclientRect\u3092\u53c2\u7167\u3059\u308b - Panda Noir\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","image_url":null,"provider_url":"https://hatena.blog","author_url":"https://blog.hatena.ne.jp/panda_noir/","url":"https://www.pandanoir.info/entry/2025/09/16/232107","title":"useSyncExternalStore \u3092\u4f7f\u3063\u3066\u5e38\u306b\u6700\u65b0\u306eclientRect\u3092\u53c2\u7167\u3059\u308b","version":"1.0","provider_name":"Hatena Blog","categories":["TypeScript","React","React hooks"],"type":"rich","blog_title":"Panda Noir","blog_url":"https://www.pandanoir.info/","published":"2025-09-16 23:21:07","description":"\u610f\u5916\u3068\u30cd\u30c3\u30c8\u306b\u8a18\u4e8b\u3068\u3057\u3066\u4e0a\u304c\u3063\u3066\u306a\u304b\u3063\u305f\u306e\u3067\u66f8\u3044\u305f\u3002 function useClientRectWidth<T extends HTMLElement>() { const ref = useRef<T>(null); const subscribe = useCallback((listener: () => void) => { if (!ref.current) return () => void 0; const resizeObserver = new ResizeObserver(listener); resizeObserver.observe(ref.current); re\u2026"}