How to change state in React Router Link component?

Question

How do I pass the Link component's "ischecked" state to the input below? My goal is to click a button on some other component, which sets the input box to true.

<Link
     to={{pathname: "/Module1",
            state: {
                ischecked: false,
                },
              }}
              className={styles.menuCard}>
              <h2>Introduction &rarr;</h2>
              <p>Lesson 1</p>
              <input className={styles.checkbox} type="checkbox" 
              checked={ischecked} /> <<--cant access? how to access?
</Link>

Answer 1

I see, the isChecked is a state,

  const App = () => {
    const [isChecked, setChecked] = useState(false)
    const onChange = e => { setChecked(e.target.checked) }

    return <input type="checkbox" checked={isChecked} onChange={onChange} />
  }

Once you capture the state behavior, then you can send this flag to anywhere in your code.