baazjs/src/components/Head/headProvider.js

import React, { useEffect } from 'react';
import { HeadProvider } from 'react-head';

const removeExistingTitleTags = titleTags => {
    titleTags.forEach(titleTag => {
        if (titleTag) titleTag.parentNode.removeChild(titleTag);
    });
};

const ReactPwaHeadProvider = props => {
    useEffect(() => {
        const titleTagsToRemove = document.getElementsByTagName('title');
        removeExistingTitleTags([...titleTagsToRemove]);
    }, []);

    return <HeadProvider>{props.children}</HeadProvider>;
};

export default ReactPwaHeadProvider;