font not applied to all of my components

Package	Version
@eva-design/eva	1.4.0
@ui-kitten/components	4.4.0

Hi I followed the tutorials on how to implement and add fonts, but the font does not apply to some components. For example, fonts do not apply to buttons.

app.tsx:

import React from 'react';
import { ApplicationProvider, IconRegistry } from '@ui-kitten/components';
import { EvaIconsPack } from '@ui-kitten/eva-icons';
import { mapping } from '@eva-design/eva';
import { default as customMapping } from './custom-mapping.json';
import { lightTheme, darkTheme } from './custom-theme';

import { AppNavigator } from './src/navigation/navigation.component';
import { ThemeContext } from './theme-context';


const App = () => {
  return (

    <React.Fragment>
      <IconRegistry icons={EvaIconsPack} />
      <ThemeContext.Provider value={{ theme, toggleTheme }}>
        <ApplicationProvider
          mapping={mapping}
          theme={lightTheme}
          customMapping={customMapping}
          >
          <AppNavigator />
        </ApplicationProvider>
      </ThemeContext.Provider>
    </React.Fragment>
  );
};

export default App;

custom-mapping.json:

{
  "strict": {
    "text-font-family": "bad_bold_college"
  }
}

[DomenicJahn]

I just added an empty

"components": {},

so the mapping gets accepted within TS.

[radihuq]

Try

<ApplicationProvider
      {...eva}
      customMapping={merge(eva.mapping, mapping)}
      theme={{ ...eva.dark, ...theme }}>
      <NavigationContainer>
        <DrawerNavigator />
      </NavigationContainer>

alternatively,

customMapping={{...eva.mapping, mapping}}