How to load external HTML file in react components?

Question

import React from "react";
var htmlContent = require('../../assets/survey-chatbot-extension/index.html');

const Survey = () => {
    return (
        <div dangerouslySetInnerHTML={{__html: htmlContent}}></div>
    )
}

export default Survey;

The requirement is to load the index.html file on rendering of Survey.js. This is one method using dangerouslySetInnerHTML, but it's throwing error.