andersonFaro9

import Head from 'next/head'
import Image from 'next/image'
import { useEffect, useState } from 'react';
import {api} from './api/api'

interface IBooks {
  id:string;
  title:string;
  author:string;
  year:string;

andersonFaro9

//fazendo a interface entender que devo trazer dados de um array
const [books, setBook] = useState<IBooks[]>([]);
 
  //na chamada da lista(ul) estava colocado a chamada do map errado mas corrigir dessa forma:
  
  {books.map((item) => (
    <li key={item.id}>
      {item.title}
    </li>
   ))} //coloquei as chaves e parentenses de forma correta

andersonFaro9

import Head from 'next/head'
import Image from 'next/image'
import { useEffect, useState } from 'react';
import {api} from './api/api'

interface IBooks {
  title: string;
}

export default function Home() {

andersonFaro9

{
  "name": "ena",
  "version": "1.0.0",
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "web": "expo start --web"
  },

andersonFaro9

> Task :expo-constants:createReleaseExpoConfig
Execution optimizations have been disabled for task ':expo-constants:createReleaseExpoConfig' to ensure correctness due to the following reasons:
  - Gradle detected a problem with the following location: '/home/faro/Documentos/projects/challenges/app_elnan/android'. Reason: Task ':expo-constants:createReleaseExpoConfig' uses this output of task ':app:bundleReleaseJsAndAssets' without declaring an explicit or implicit dependency. This can lead to incorrect results being produced, depending on what order the tasks are executed. Please refer to https://docs.gradle.org/7.3.3/userguide/validation_problems.html#implicit_dependency for more details about this problem.
  - Gradle detected a problem with the following location: '/home/faro/Documentos/projects/challenges/app_elnan/android'. Reason: Task ':expo-constants:createReleaseExpoConfig' uses this output of task ':app:compileReleaseShaders' without declaring an explicit or implicit dependency. This can lead to inco

andersonFaro9

import React, { useState, useeffect, useEffect } from 'react'
import { StyleSheet, View, Alert } from 'react-native'

import { Header } from '../components/Header'
import { Task, TasksList } from '../components/TasksList'
import { TodoInput } from '../components/TodoInput'
import Asyncstorage from '@react-native-async-storage/async-storage'
import AsyncStorage from '@react-native-async-storage/async-storage'

export interface INewTitle {

andersonFaro9

import React, { useState } from 'react'
import { StyleSheet, View, Alert } from 'react-native'

import { Header } from '../components/Header'
import { Task, TasksList } from '../components/TasksList'
import { TodoInput } from '../components/TodoInput'

export interface INewTitle {
  taskId: number
  newTitle: string

andersonFaro9

import React from 'react'
//App.tsx

import { StatusBar } from 'react-native'

import { Home } from './src/pages/Home'

export default function App() {
  return (
    <>

andersonFaro9

import React, { useState } from 'react'
import { StyleSheet, View, Alert } from 'react-native'

import { Header } from '../components/Header'
import { Task, TasksList } from '../components/TasksList'
import { TodoInput } from '../components/TodoInput'

export interface INewTitle {
  taskId: number
  newTitle: string

andersonFaro9

import React, { useRef } from 'react'
import { View, TouchableOpacity } from 'react-native'
import { ChatTeardropDots } from 'phosphor-react-native'
import BottomSheet from '@gorhom/bottom-sheet'
import { styles } from './styles'
import { theme } from '../../theme/'

export function Widget() {
  const bottomSheetRef = useRef<BottomSheet>(null)