Type 'MD3Theme' is not assignable to type 'NavigationTheme'.

[andrewhamili]

Ask your Question

What is causing this issue?

I have been using adaptNavigationTheme for quite a while. But as of yesterday, I have been experiencing this error, although there were no issues when testing on iOS and Android. I also generated a release build for Android and it didn't report any issues.

[jony89]

adaptNavigationTheme expects to get the @react-navigation/native themes and not react native paper.

import {
  DarkTheme as NavigationDarkTheme,
  DefaultTheme as NavigationDefaultTheme,
} from '@react-navigation/native';

const { DarkTheme: NavigationDarkThemeAdapted } = adaptNavigationTheme({ reactNavigationDark: NavigationDarkTheme });
const { LightTheme: NavigationDefaultThemeAdapted } = adaptNavigationTheme({ reactNavigationLight: NavigationDefaultTheme });

[lukewalczak]

As @jony89 mentioned and according to the documentation valid themes for reactNavigationLight and reactNavigationDark themes from react navigation library.