zrok/ui/src/Version.js

import {useEffect, useState} from "react";
import * as metadata from "./api/metadata";

const Version = () => {
    const [v, setV] = useState('');

    useEffect(() => {
        let mounted = true;
        metadata.version().then(resp => {
            if(mounted) {
                setV(resp.data);
            }
        });
        return () => {
            mounted = false;
        };
    }, []);

    return (
        <p>{v}</p>
    );
}

export default Version;