Bug: Support for React v19

[dkelsen]

I recently upgraded my project to React v19 and I've been getting the following errors:

An empty string ("") was passed to the src attribute. This may cause the browser to download the whole page again over the network. To fix this, either do not render the element at all or pass null to src instead of an empty string. Component Stack: 
    img unknown:0
    IKImage React
    div unknown:0
    withEmotionCache webpack-internal:///../node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js:55
    Box webpack-internal:///../node_modules/@mui/system/esm/createBox/createBox.js:32
    div unknown:0
    withEmotionCache webpack-internal:///../node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js:55
    Box webpack-internal:///../node_modules/@mui/system/esm/createBox/createBox.js:32
    SideBySideLayout webpack-internal:///./components/layouts/content/SideBySide.tsx:15
    div unknown:0
    withEmotionCache webpack-internal:///../node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js:55
    Box webpack-internal:///../node_modules/@mui/system/esm/createBox/createBox.js:32
    HomePage webpack-internal:///./pages/index.tsx:58
    main unknown:0
    withEmotionCache webpack-internal:///../node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js:55
    Container webpack-internal:///../node_modules/@mui/system/esm/Container/createContainer.js:119
    div unknown:0
    withEmotionCache webpack-internal:///../node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js:55
    Box webpack-internal:///../node_modules/@mui/system/esm/createBox/createBox.js:32
    div unknown:0
    withEmotionCache webpack-internal:///../node_modules/@emotion/react/dist/emotion-element-489459f2.browser.development.esm.js:55
    Box webpack-internal:///../node_modules/@mui/system/esm/createBox/createBox.js:32
    IKContext React
    StandardLayout webpack-internal:///./components/layouts/Standard.tsx:598
    SnackBarProvider webpack-internal:///./context/snackbar.tsx:22
    PostHogProvider webpack-internal:///../node_modules/posthog-js/react/dist/esm/index.js:21
    ApolloProvider webpack-internal:///../node_modules/@apollo/client/react/context/ApolloProvider.js:14
    DefaultPropsProvider webpack-internal:///../node_modules/@mui/system/esm/DefaultPropsProvider/DefaultPropsProvider.js:19
    RtlProvider webpack-internal:///../node_modules/@mui/system/esm/RtlProvider/index.js:15
    ThemeProvider webpack-internal:///../node_modules/@mui/private-theming/ThemeProvider/ThemeProvider.js:46
    ThemeProvider webpack-internal:///../node_modules/@mui/system/esm/ThemeProvider/ThemeProvider.js:64
    ThemeProviderNoVars webpack-internal:///../node_modules/@mui/material/styles/ThemeProviderNoVars.js:17
    ThemeProvider webpack-internal:///../node_modules/@mui/material/styles/ThemeProvider.js:19
    App webpack-internal:///./pages/_app.tsx:49
    I18nextProvider webpack-internal:///../node_modules/react-i18next/dist/es/I18nextProvider.js:11
    AppWithTranslation webpack-internal:///../node_modules/next-i18next/dist/esm/appWithTranslation.js:50
    PathnameContextProviderAdapter webpack-internal:///../node_modules/next/dist/shared/lib/router/adapters.js:81
    ErrorBoundary webpack-internal:///../node_modules/next/dist/client/components/react-dev-overlay/pages/ErrorBoundary.js:41
    ReactDevOverlay webpack-internal:///../node_modules/next/dist/client/components/react-dev-overlay/pages/ReactDevOverlay.js:33
    Container webpack-internal:///../node_modules/next/dist/client/index.js:81
    AppContainer webpack-internal:///../node_modules/next/dist/client/index.js:214
    Root webpack-internal:///../node_modules/next/dist/client/index.js:438

I've narrowed it down to the IKImage component from this package. The error disappears once I downgrade to React v18.

[ankur-dwivedi]

Hi @dkelsen, we will address the issue and include the fix in the next release.