Problème actualisation React

Bonjour,

Je suis confronté a un problème quand je clique sur le bouton pour pouvoir ajouter 20 au totale toute les seconds je ne comprend pas pourquoi sa ne s'additionne pas sa reste quoi qu'il arrive a 20 même quand je click sur le bouton +1 sa remet la valeur a 20. Est ce que quel qu'un aurait une idée de comment résoudre se problème ?

Bonne soirée.

Le code:

import { useState } from "react";

function App() {
	const [nombreCookie, setNombreCookie] = useState(0);
	const [cookieParClick, setCookieParClick] = useState(1);
	const [Tier1Nombre, setTier1Nombre] = useState(1);

	const addCookie = () => {
		setNombreCookie(nombreCookie + cookieParClick);
	};

	const addCookieParClick = () => {
		setCookieParClick(cookieParClick + 1);
	};

	const addTier1Nombre = () => {
		setTier1Nombre(Tier1Nombre + 1)
	}

	const addTier1Auto = () => {
		setNombreCookie(nombreCookie + (Tier1Nombre * 20));
		setTimeout(addTier1Auto, 1000);
	};

	return (
		<div className="App">
			<div className="containerLeft">
				<p id="NombrePoints">{nombreCookie}</p>
				<button onClick={addCookie}>Click to earn points!</button>
			</div>

			<div className="containerRight">
				<button onClick={addCookieParClick}>Cookie par click +1</button>
				<button
					onClick={() => {
						addTier1Nombre();
						addTier1Auto();
					}}>
					Auto +20
				</button>
			</div>
		</div>
	);
}

export default App;

Salut,

Qu'essayes-tu de faire ? Ton code ne veut rien dire.