React and CSS – prevent Checkbox from unchecking

Is there any way to stop my checkbox from unchecking on refresh?

I have a checkbox with :checked property on SCSS and I don’t want to on Refreshing the page for it to automatically uncheck.

Is there any way? Or is there any way to target the :checked with react? for example className={ todo.isComplete ? "completed-checkbox:checked" : "completed-checkbox"}