Failed to execute 'createElement' on 'Document' The tag name provided ('staticmediaExample.fdb968152e6eb555fbd1') is not a valid name 오류

-내용-

React에서 useState() 메서드 수업중

오타없이 import 한것 같은데 오류가 나버렸다.

-해결법-

우선 오류의 내용처럼 제대로 import 된것같지 않아 Example.js를 확인 해 보았다.

Example.js 내부에서 함수를 export할때 문제 되는것 같아

export + exprt default를 해보았다. 그랬더니

오히려 오류가 엄청 많아져서 해석을 위해 AI의 도움을 받았는데

import가 잘안된것 같다고 확인해보라고 계속 그러더라.

import 한곳을 다시 봤는데 확장자명이 빠져있었다….

이걸 왜 이제 봤는지… 확장자 명 제대로 해주니 정상 동작하였다.

import Example from './Example';

-알게된점-

VsCode에서는 파일만들때 확장자 잘 만들어야 겠다.