React native expo warning on SDK 40

Question

I'm doing a basic react native expo app, I'm having this warning:

Your project is accessing the following APIs from a deprecated global rather than a module import: Font (expo-font).

The global "__expo" and "Expo" objects will be removed in SDK 41. Learn more about how to fix this warning: https://expo.fyi/deprecated-globals

How do I solve it? (Not only ignore the warning, I'll like to resolve the issue). My code is:

// RNRF logic here
import React, { Component } from 'react';

import {
  StyleSheet,
  TouchableOpacity,
  Text,
  View,
} from 'react-native'

import AppLoading from 'expo-app-loading';
import * as Font from 'expo-font';
import { Ionicons } from '@expo/vector-icons';

import { Container, Root} from 'native-base';

import Constants from 'expo-constants';

export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isReady: false,
    };
  }

  async componentDidMount() {
    await Expo.Font.loadAsync({
      'Roboto': require('native-base/Fonts/Roboto.ttf'),
      'Roboto_medium': require('native-base/Fonts/Roboto_medium.ttf'),
      ...Ionicons.font,
    });
    this.setState({ isReady: true });
  }

  render(){
    if (!this.state.isReady) {
      return <AppLoading />;
    }

    return(
            <View>
                <Text>Hello</Text>
            </View>
        );
  }
}

Thanks.....................................................

Answer 1

try to remove the word 'Expo' from the 'componentDidMount' function as you are already importing 'Font' from 'expo-font'