¿Hay alguna forma de evitar que mi casilla de verificación se desmarque al actualizar?

Tengo una casilla de verificación con la propiedad :checked en SCSS y no quiero actualizar la página para que se desmarque automáticamente.

¿Hay alguna manera? ¿O hay alguna forma de apuntar al: marcado con reaccionar? por ejemplo className={ todo.isComplete ? "completed-checkbox:checked" : "completed-checkbox"}

Esto no apuntará a :checked obviamente