안녕하세요 제로초님, 제가 코드를 초기화 시켜도 변수 값이 강사님 화면과는 다르게 코드가 실행이 됩니다. 제 브라우저에 에러가가 있나요?

import React, { useState } from 'react'; import { StatusBar, Dimensions } from 'react-native'; import styled, {ThemeProvider} from 'styled-components/native'; import {theme} from './theme'; import Input from './components/Input'; import Task from './components/Task'; const Container = styled.SafeAreaView` flex: 1; background-color: ${({theme}) => theme.background}; align-items: center; justify-content: flex-start; /* 타이틀이 상단에 나타나도록 justify-content의 값을 flex-start;로 지정해준다. */ `; const Title = styled.Text` font-size: 40px; font-weight: 600; color: ${({theme}) => theme.main}; width: 100%; align-items: flex-end; padding: 0 20px; `; /* styled components를 이용해서 Title이라는 이름에 새로운 컴포넌트를 만드는 작업이다. font-size와 font-weight 그리고 글자 color를 설정해주는데 글자 color는 theme.js에 정의해놓은 main을 가져와서 사용할것이다. 가로(width)는 전체를 차지하게하고, 글자를 왼쪽(align-items: flex-end;)에서부터 하도록한다. 화면의 끝에 바짝붙지않도록 padding을 주어서 약간 떨어지게 설정을한다. */ const List = styled.ScrollView` flex: 1; width: ${({ width }) => width -40}px; `; export default function App() { const width = Dimensions.get('window').width; const tempData = { 1: { id: '1', text: 'React Native', completed: false }, 2: { id: '2', text: 'Expo', completed: true }, 3: { id: '3', text: 'JavaScript', completed: false }, }; const [tasks, setTasks] = useState(tempData); const [newTask, setNewTask] = useState(''); const addTask = () => { const ID = Data.now().toString(); const newTaskObject ={ [ID] : {id: ID, text: newTask, completed: false }, }; setNewTask(''); setTasks({...tasks, ...newTaskObject}); }; return ( <ThemeProvider theme={theme}> <Container> <StatusBar style="light-content" backgroundColor={theme.background} /> <Title>TODO List</Title> <Input placeholder="+ Add a Task" value={newTask} onChangeText = {text => setNewTask(text)} onSubmitEditing={addTask} /> <List width = {width}> {Object.values(tasks) .reverse() .map(item => ( <Task key={item. id} text={item.text} /> ))} </List> </Container> </ThemeProvider> ); } 강의에 나오는것과 똑같이 했는데 +Add a Task에 글자입력하고 enter를 누르면 오류가 나오네요ㅠㅠ

- 안녕 하세요 좋은 강의 늘 감사합니다 실무에 적용하려고 초보인지라 강의 를 반복해서 들으면서 작성 하고 있는데 궁금 한 부분이 있어 2가지 문의 드립니다 1. 글로벌 변수를 사용하는데 처음 클릭한 페이지로 이동 할때는 값이 전달이 되는데 이동된 페이지에서 또 다른 페이지로 이동시에는 변수값이 blank로 되는것을 콘솔에서 확인 하였읍니다 이리저리 페이지를 이동하여도 변수값을 계속 참조 할 수 있는 방법은 무었인지 궁금합니다 2. 여러 품목을 보여주는 화면을 다이나믹판넬을 이용하여 작성 하는데 클릭 인터랙션을 이용해서 확대 이미지를 보여주는것은 되는데 클릭하지 않고 왼쪽, 오른쪽 버튼에 따라 슬라딩 할 때 지금 보여지는 그림에 대한 확대 이미지를 보여주고 싶습니다 어떻게 하여야 하는지요 조언 부탁드리겠습니다 감사합니다