comments added to useForceUpdate to clarify the functions use case

AlexanderLanderos · AlexanderLanderos · commit bff41d241ca5 · 2020-10-20T10:31:47.000-07:00
diff --git a/src/app/components/useForceUpdate.ts b/src/app/components/useForceUpdate.ts
@@ -1,6 +1,7 @@
 import { useState } from 'react';
 
+// This function will force a change in state and cause a re-render of the component. The state information is irrelevant but an update is needed to force a re-render
 export default function useForceUpdate() {
-  const [, setValue] = useState<number>(0);
-  return () => setValue((value) => value + 1); // update state to force render
+  const [setValue] = useState<number>(0);
+  return () => setValue((value) => value + 1);
 }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`import { useState } from 'react';`
`2`	`2`
	`3`	`+// This function will force a change in state and cause a re-render of the component. The state information is irrelevant but an update is needed to force a re-render`
`3`	`4`	`export default function useForceUpdate() {`
`4`		`- const [, setValue] = useState<number>(0);`
`5`		`- return () => setValue((value) => value + 1); // update state to force render`
	`5`	`+ const [setValue] = useState<number>(0);`
	`6`	`+ return () => setValue((value) => value + 1);`
`6`	`7`	`}`