checkbox 이벤트 관련된 질문입니다.

안녕하세요. 
선생님 강의 듣고 실제로 회원가입폼을 만들어 보고 있는 도중 해결이 안되서 질문드립니다. 
회원가입시, 모든 약관에 동의합니다의 체크박스를 클릭하면 하위의 체크박스들이 체크가 되도록
하고 싶습니다만, 선생님 강의 중 모달 이벤트를 인용하여 해봤습니다만, 
잘 되지 않아, 혹시 제가 어떤 부분을 놓쳤는지 죄송하지만 조언을 구하고 싶습니다. 

현재는 모든 약관에 동의합니다에 체크를 하면 아래와 같은 에러가 나옵니다. 
index.js:1 Warning: Invalid attribute name: 0

-------------------------------------------------------------------------------------

import React, { useEffect, useState, useContext } from 'react';
import { Link, Route, Switch, useHistory } from 'react-router-dom';
import { Form, Button, InputGroup, Label } from 'react-bootstrap';
import { connect } from 'react-redux';

function Contract(props) {
      let [all_check, set_all_check] = useState(false);
      let [contract_check, set_contract_check] = useState(false);
      let [individual_check, set_individual_check] = useState(false);
      let history = useHistory();

      useEffect(() => {
            set_contract_check(all_check);
            set_individual_check(all_check);
      },[all_check])

      return (<>
            <main className="" role="main">
                  <div className="m-5"><h2>약관동의</h2></div>
                  <div className="ml-5 mr-5">
                        <div className="text-center">
                              <Form.Label className="font-weight-bold">{props.env.sitename}의 회원으로 가입을 원하는 경우,<br />아래 약관 및 개인정보 처리방침에 대한 안내를 반드시 읽고, 동의해주세요.</Form.Label>
                        </div>
                        <div className="text-right">
                              <Form.Check type='checkbox' label="모두 동의합니다." onClick={() => { set_all_check(!all_check) }} />
                        </div>
                  </div>
                  <div className="m-5">
                        <Form className="text-left justify-content-center">
                              <Form.Group controlId="exampleForm.ControlTextarea1" className="disabled">
                                    <Form.Label className="font-weight-bold">회원가입약관</Form.Label>
                                    <Form.Control as="textarea" rows={5} readOnly>
                                    </Form.Control>
                              </Form.Group>
                              <div className="text-right">
                                    <Form.Check type='checkbox' label="개인정보 수집 및 이용에 동의합니다."
                                          { ...contract_check ? 'checked': null }
                                    />
                              </div>
                              <div className="mt-5">
                                    <Form.Group controlId="exampleForm.ControlTextarea1">
                                          <Form.Label className="font-weight-bold">개인정보 수집 및 이용에 관한 동의 사항 (필수사항)</Form.Label>
                                          <Form.Control as="textarea" rows={5} readOnly>
                                          </Form.Control>
                                    </Form.Group>
                              </div>
                              <div className="text-right mb-5">
                                    <Form.Check type='checkbox' label="개인정보 수집 및 이용에 동의합니다."
                                          { ...individual_check === true ? 'checked': null }
                                    />
                              </div>
                              <div className="text-center"><Button onClick={() => {
                                    history.push('/sign')
                              }}>회원가입</Button></div>
                        </Form>
                  </div>
            </main>
      </>
      )

}

function StateToProps(state) {
      return {
            env: state[0]
      }
}

export default connect(StateToProps)(Contract)
//export default Contract;