예제 속 디버깅 오류

+ 안드로이드 애뮬레이터를 실행하고 초기 화면도 오류가 뜨면서 실행되지 않습니다.

강의 속 타이핑한 코드를 그대로 옮겨 적었는데 아래와 같은 디버깅 오류가 뜹니다.

타이핑한 코드

디버깅 콘솔

C:\Program Files\nodejs\node.exe .\App.js

Debugger attached.

(node:2188) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.

(Use `node --trace-warnings ...` to show where the warning was created)

Waiting for the debugger to disconnect...

c:\Users\onesm\Desktop\AppDevel\react_01\App.js:9

import React, { Component } from 'react';

^^^^^^

SyntaxError: Cannot use import statement outside a module

    at wrapSafe (node:internal/modules/cjs/loader:999:16)

    at Module._compile (node:internal/modules/cjs/loader:1047:27)

    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1112:10)

    at Module.load (node:internal/modules/cjs/loader:948:32)

    at Function.Module._load (node:internal/modules/cjs/loader:789:14)

    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:72:12)

    at node:internal/main/run_main_module:17:47

Process exited with code 1

(node:2188) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.

(Use `node --trace-warnings ...` to show where the warning was created)

null: Uncaught c:\Users\onesm\Desktop\AppDevel\react_01\App.js:9

import React, { Component } from 'react';

^^^^^^

SyntaxError: Cannot use import statement outside a module

어떤 부분을 수정헤야 하나요?