Bootstrap Full Height React

index.tsx

function App() {
  return (
    <Container fluid style={{ height: "100vh" }}>
      <Row style={{ height: "100%" }}>
        <Col
          style={{ background: "yellow", height: "100%", paddingTop: "15px", paddingBottom: "15px" }}
        >
          Col 1
        </Col>
        <Col style={{height: "100%", paddingTop: "15px", paddingBottom: "15px"  }}>
          <canvas
            style={{ borderStyle: "solid", height: "100%", width: "100%" }}
          ></canvas>
        </Col>
      </Row>
    </Container>
  );
}