How to use the @accordproject/ergo-compiler/package.json.version function in @accordproject/ergo-compiler

* http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import React from 'react';
import { Divider, Header, Icon, Menu, Modal } from 'semantic-ui-react';
import * as ciceroPackageJson from '@accordproject/cicero-core/package.json';
import * as ergoPackageJson from '@accordproject/ergo-compiler/package.json';

const ciceroVersion = ciceroPackageJson.version;
const ergoVersion = ergoPackageJson.version;

const ModalAbout = () => (
   About}>
    Accord Project · Template Studio
    
      
        <header>Welcome!</header>
        <p>This template studio lets you load, edit and test clause or contract templates built with the <a rel="noopener noreferrer" href="https://accordproject.org/">Accord Project</a> technology.</p>
        <p>It is open-source and under active development. Contributions and bug reports are welcome on <a rel="noopener noreferrer" href="https://github.com/accordproject/template-studio">GitHub</a>.</p>
      
      
      
        <header>Getting started</header>
        <p>Search a template from the <a rel="noopener noreferrer" href="https://templates.accordproject.org">Accord Project template library</a> (Search box at the top)</p>
        <p>Chose whether to edit the template <b>Text</b>, <b>Model</b>,
        or <b>Logic</b> (Tab on the upper left)</p>