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.
Source: stackoverflow.com
Related Query
- Warning: Using UNSAFE_componentWillMount in strict mode is not recommended (upgrade to CRA 4.0.2)
- Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code
- How can I fix `Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code.`?
- this.setState with fetch result generating "Warning: Using UNSAFE_componentWillReceiveProps in strict mode is not recommended"
- React warning for Using UNSAFE_componentWillReceiveProps in strict mode
- Warning Prop `href` did not match. using react server-side-rendering
- react-hook-form: Validation not working when using onBlur mode
- How to fix the console warning "The resource ... was preloaded using link preload but not used within a few seconds from the window's load event"?
- How to disable strict mode while bundling React using webpack
- Unsafe legacy lifecycles will not be called for components using new component APIs. React v16.3
- Request header not set as expected when using 'no-cors' mode with fetch API
- How to find out which package is using the UNSAFE componentWillMount method?
- Eslint disable strict mode when using babel parser
- Switching between controlled mode (by using `selectedIndex`) and uncontrolled mode is not supported in `Tabs`
- What does it mean 'Legacy octal literals are not allowed in strict mode in react js'?
- Heroku R14 warning for no apparent reason maybe strict mode problem?
- Warning: Prop `className` did not match. Switching from light to dark mode using cookies (Nextjs, Mui5)
- How to update an array using setState with React Hooks on Strict Mode
- How can I solve strict mode warning without removing strict mode in react index.js file
- error: Unexpected strict mode reserved word when using react
- react using a param as function strict mode typescript error
- How to fix missing dependency warning when using useEffect React Hook
- Template not provided using create-react-app
- State not updating when using React state hook within setInterval
- Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema
- Typescript complains Property does not exist on type 'JSX.IntrinsicElements' when using React.createClass?
- window not defined error when using extract-text-webpack-plugin React
- Error with Redux DevTools Extension using TS: "Property '__REDUX_DEVTOOLS_EXTENSION_COMPOSE__' does not exist on type 'Window'."?
- Getting an error "A non-serializable value was detected in the state" when using redux toolkit - but NOT with normal redux
- _react.default.createContext is not a function when using react-redux
More Query from same tag
- Update array of object in React Js
- What is the correct way to animate/transition between routes in react router
- How can I use useState Reactjs to control open or close a Modal Bootstrap? (not use ReactBootstrap library)
- How to make a React HOC type-safe yet still pass anything as an extra prop?
- How to set type of variable on useState using typescript?
- Unknown plugin "transform-decorators-legacy" error when using react storybook in windows
- React Center div
- hover underline - react router link vs styled-component link
- React Native Navigation / Context API
- Pass Variable to child component from card click
- React Router will not take array as prop for a component
- ReactJS showing div element on click
- Show added posts without refreshing page in React
- My onChange not working with react
- Reactjs - Get Height of a div/image using React Hooks
- React- MaterialTable - How to Color all data column based on header text
- How to handle with Refs in react-redux connect function
- firebase.database is not a function reactjs
- React Hooks: setState hook inside map function
- Preloading image on next page in lightbox
- Can't find app icon in react-native ios build
- ReactJS + typescript - could not import react-autosuggest
- How to set environment variable for a deployed Reactjs app on server?
- In javascript react how to remove two symbols that end up together in a string but keep the last one like a calculator?
- Solving multiple renders of component incl. useEffect, useState and Axios
- ReactJS - Construct html from mapping
- Syntax error when using SVGR with Webpack and configured to output TypeScript
- Getting "doc is not a function" when writing to Firestore after creating a user
- Remove Edit and delete button appearing in select box reactJS
- React.Children.only expected to receive a single React element child in React Router v4