score:8

Accepted answer

OK, I solved it.

The issue was with one of the components named MetaTags:

MetaTags.jsx

import React from 'react';
import { Helmet } from 'react-helmet';
import { timeUtils } from '../../../utils';

const MetaTags =
    (<Helmet>
        <title data-rh="true">World Covid 19 Data | Covid 19 World Data | {timeUtils.getTitleDate()}</title>
    </Helmet>);

export default MetaTags;

The react-helmet package is outdated, and I needed to install 'react-helmet-async' instead, and change the code to:

initiate.jsx

app = (
    <HelmetProvider>
        <Suspense fallback={null}>
            <Provider store={createStore(rootReducer, composeEnhancers(applyMiddleware(thunk)))}>
                <Helmet>
                    <title data-rh="true">Dynamic title {timeUtils.getTitleDate()}</title>
                </Helmet>
                <BrowserRouter>
                    {component}
                </BrowserRouter>
            </Provider>
        </Suspense>
    </HelmetProvider>
);

This solved my issue and the warning was gone.


Related Query

More Query from same tag