Skip to content

Instantly share code, notes, and snippets.

@marcincodes
marcincodes / multiple-use-effect-issue.js
Last active May 27, 2021 12:40
Setting state in parent lead to multiple useEffect runs
function Root() {
const [increment, setIncrement] = useState(0);
useEffect(() => {
const interval = setInterval(() => {
setIncrement((inc) => inc + 1);
}, 3000);
return () => clearInterval(interval);
}, []);
// hooks/useUser.js
export const getUser = async ({ id }) => {
const { data, error } = await db
.from('users')
.select('*')
.eq('id', id)
.single();
if (error) {
throw new Error(error.message)