useWhyDidYouUpdate
Help developers troubleshoot what changes have caused component rerender.
Overview
Help developers troubleshoot what changes have caused component rerender.
Installation
Open inpnpm dlx shadcn@latest add https://shadcn-ahooks.vercel.app/r/useWhyDidYouUpdate.jsonnpx shadcn@latest add https://shadcn-ahooks.vercel.app/r/useWhyDidYouUpdate.jsonyarn shadcn@latest add https://shadcn-ahooks.vercel.app/r/useWhyDidYouUpdate.jsonbun shadcn@latest add https://shadcn-ahooks.vercel.app/r/useWhyDidYouUpdate.jsonHelp developers troubleshoot what changes have caused component rerender.
Examples
Default usage
API
type IProps = Record<string, any>;
useWhyDidYouUpdate(componentName: string, props: IProps): void;Params
| Property | Description | Type | Default |
|---|---|---|---|
| componentName | Required, the name of the observation component | string | - |
| props | Required, data to be observed (state or props and other data that may lead to rerender) | object | - |
Result
Please open the browser console, you can see the output of the changed observed state or props.