my project was working well until yesterday, but from this morning I have this issue:
'PersistGate' cannot be used as a JSX component.
Its instance type 'PersistGate' is not a valid JSX element.
The types returned by 'render()' are incompatible between these types.
and I used the other guys solutions like add resolutions into the packages.json but it has just changed the error to another files :|.
My app.tsx:
import { ThemeProvider } from "styled-components";
import { Provider } from "react-redux";
import { PersistGate } from "redux-persist/integration/react";
import { store, persistor } from "src/Redux";
import { GlobalStyles } from "@components";
import { theme } from "@utils";
import { ModuleMain } from "@modules";
import "@translations/i18n";
function App() {
return (
<Provider store={store}>
<GlobalStyles />
<ThemeProvider theme={theme}>
<PersistGate loading={null} persistor={persistor}>
<ModuleMain />
</PersistGate>
</ThemeProvider>
</Provider>
);
}
export default App;