![image.png](https://cdn.discordapp.com/attachments/1127579911918460930/1127581396915982528/image.png)


![image.png](https://cdn.discordapp.com/attachments/1127579911918460930/1127581526033444934/image.png)


![image.png](https://cdn.discordapp.com/attachments/1127579911918460930/1127581801553080330/image.png)


VSCode 확장![image.png](https://cdn.discordapp.com/attachments/1127579911918460930/1127582441943597066/image.png)


VSCode 설정 
```json
{
    "window.titleBarStyle": "native",

    "workbench.colorTheme": "Default Dark+",
    "workbench.iconTheme": "material-icon-theme",
    
    "files.autoGuessEncoding": true,

    "editor.inlineSuggest.enabled": true,
    "editor.minimap.renderCharacters": false,
    "editor.insertSpaces": false,

    "git.enableSmartCommit": true,
    "git.confirmSync": false
}
```

![image.png](https://cdn.discordapp.com/attachments/1127579911918460930/1127583451223163040/image.png)


ts 타입 모듈을 못 찾는거 같습니다.

보통은 리엑트 설치시에, react-create 로 초기 설정을 하기 때문에 별 문제가 생기지는 않지만,
현재 직접 셋팅을 진행 하신것으로 확인됩니다.

https://www.npmjs.com/package/@types/react 해당 패키지 설치를 진행 해 보시기 바랍니다.

또한, 해당 문제가 발생할 경우, 간혹적으로 타입이 불러올 수 없는 경우가 있는데,
패키지명 앞에다
@types/ 를 붙혀, 설치를 진행하시면, npm 자체 자동 빌드된 패키지를 내려 받으실 수 있습니다.

가장 중요한 걸 빼먹엇네요 Next.JS고 초기 셋팅은 `pnpm create next-app`이 해줫습니다.![image.png](https://cdn.discordapp.com/attachments/1127579911918460930/1127595456919244870/image.png)


프로젝트 내 존재하는 모든 import 문이 저 모양입니다...

next-env.d.ts 파일에 react 모듈이 재 정의될 가능성이 있을 것 같습니다.
해당 파일을 지우시거나, 리엑트 관련 모듈을 삭제 해 보세요![image.png](https://cdn.discordapp.com/attachments/1127579911918460930/1127611876939923486/image.png)


계속 도움주셔서 정말 감사함다...
근데 위 질문보시면 모듈 타입 문제가 아니라 VSCode나 language server 문제인가 싶어서...
만약 타입 오버라이딩 같은 게 원인이라면 `pnpm install` 후 VSCode 껏다키는 게 해결책일 수는 없지 않나요...? ㅠ

아닙니다 모듈 타입 문제입니다.
ts 모듈과 정의된 모듈이 따로 있기 때문이죠.

참조 객체와, 타입 객체는 서로 다르기에, 간단한 문제로는 풀리지 않습니다.

추가로 팁을 드리자면, *.d.ts 파일을 정의 하는 것 보다는
해당  구문을 추가하는 곳에 정의 하는 것이 좋습니다.

ex)
```
'use strict';
import fp from 'fastify-plugin';
import { FastifyRequest, FastifyReply } from 'fastify';

// 라이브러리 내부 메서드를 정의합니다.
declare module 'fastify' {
    interface FastifyInstance {
        masterkey: (request: FastifyRequest, reply: FastifyReply) => void;
    }
}

/**
 * This plugins adds some utilities to handle http errors
 *
 * @see https://github.com/fastify/fastify-jwt
 */
export default fp(async function (fastify, opts) {
    fastify.register(require('@fastify/jwt'), {
        secret: process.env.JWT_SECRET || 'secret',
    });

    fastify.decorate('masterkey', function (request: FastifyRequest, reply: FastifyReply) {
        if (process.env.MASTER_KEY && request.headers.Master !== process.env.MASTER_KEY) {
            reply.code(400).send({ error: 'invalid key' });
        }
    });
});
```

d.ts 로 정의된 파일을 우선적으로 바라보기 때문에, 문제가 발생 하는 것 으로 보입니다.

그 `next-env.d.ts` 파일은 제가 아니고 `pnpm create next-app`이 생성해줫어요
게다가 삭제한지 꽤 됏는데 같은 증상입니다...

몇가지 테스트 거쳐보니까 정확히 이 프로젝트 폴더만 안 되네요...
심볼릭 링크를 못 읽는건지 뭔지 도통 모르것네요

node_modules 폴더 이상인거 같네요 삭제후 재 설치 해 보세요

지금 20번 이상 삭제하고 매번 스토어 제거까지 햇는데 똑같습니다...