Axios can’t get data from my PHP server

Question

I’m trying to make the connection between my php server and Axios . I had already used Axios but with Node.js. I’m trying to get him to pull the database data and print it on the screen, but when I put it on my phone he prints it:

and is also shown the following message:

but when I access in my browser it can show the data in the database:

Can anyone help me understand what’s going on? Thank you!

api.js:

import axios from 'axios';
const api = axios.create({
    baseURL : 'http://localhost:3333',
});

export default api;

index js.:

import React ,{useState , useEffect}from 'react';
import { View , Image , TouchableOpacity ,Text , TextInput} from 'react-native';
import api from '../../services/api';

export default function Teste(){
    const [subs , setSubs] = useState([]);
    
    useEffect(()=> {
        api.get('/substancias').then(resp => {setSubs(resp.data)});
    });

    return(
        <View style={{top : 20 , left : 10}}>
            <Text>{subs.length} , {JSON.stringify(api.get('/substancias').then(resp => resp.data))}</Text>
            {subs.map(e => (
            <Text>{e}</Text>
            ))}
        </View>
    )
};