Deeb
디비의 DB
Deeb
전체 방문자
오늘
어제
  • 분류 전체보기 (243)
    • Frontend (63)
      • HTML & CSS (27)
      • JavaScript (17)
      • jQuery (8)
      • React (6)
    • Backend (98)
      • Java (19)
      • JDBC (2)
      • Servlet & JSP (13)
      • Spring (17)
      • Project (0)
      • 개발 공부 (11)
      • 문제 풀이 (8)
      • Algorithm (1)
      • DataBase (0)
      • Oracle (18)
      • Error (8)
    • Knou (1)
    • Review (14)
    • TIL (33)
    • 삽질기록 (8)
    • deebtionary (5)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 2학기
  • 책
  • HTML
  • 기초
  • alter
  • 공부
  • 다형성
  • css
  • 배열
  • 함수
  • DBMS
  • DB
  • 추천
  • 삭제
  • 정의
  • 클래스
  • 리액트
  • 한빛미디어
  • CLASS
  • 서평단
  • 방송대
  • js
  • 정처기
  • 후기
  • 방통대
  • GIT
  • Java
  • 자바
  • 에러
  • For

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Deeb

디비의 DB

[React, next-auth] DefaultSession - session에 넣을 정보 변경하기
Frontend/React

[React, next-auth] DefaultSession - session에 넣을 정보 변경하기

2022. 10. 14. 13:45

next-auth를 사용해서 useSsession으로 session에 올라간 정보를 받아오는 과정에서

token에는 다른 정보들이 다 저장되어있는데  defaultsession이라는 만들지도 않은 게 지정되어있었다 

 

아무리 파일내에서 찾아도 안 나왔다... 그래서 이름처럼 기본적으로 설정된거라고 짐작해서 

공식문서를 찾아보았고 역시 공식문서가 최고다

 

 

 

https://next-auth.js.org/getting-started/typescript#module-augmentation

 

TypeScript | NextAuth.js

NextAuth.js has its own type definitions to use in your TypeScript projects safely. Even if you don't use TypeScript, IDEs like VSCode will pick this up to provide you with a better developer experience. While you are typing, you will get suggestions about

next-auth.js.org

 

next-auth에서 친절하게

/types 폴더안에

next-auth.d.ts 라는 파일명으로 만들고 해당 내용을 넣기만 하면 끝난다.

 

추후에 백엔드가 수정되기로해서 일단은 deafultsession은 추가한 형태로 만들어두었다. 

import NextAuth, { DefaultSession }  from "next-auth"

declare module "next-auth" {
  /**
   * Returned by `useSession`, `getSession` and received as a prop on the `SessionProvider` React Context
   */
  interface Session {
    user: {
      // token에서 내가 불러올 값과 지정할 자료형
    } & DefaultSession["user"]
  }
}

 

반응형
저작자표시 변경금지 (새창열림)

'Frontend > React' 카테고리의 다른 글

[React] fetch 와 axios 어떤 차이가 있을까? + axios 설치하지 않을 경우 에러  (0) 2022.08.20
[React] 단축키  (0) 2022.06.16
[React] Hook에 대해 알아보자. 그런데 useState 등을 곁들인  (0) 2022.06.14
[React] 조각조각 땃따따 컴포넌트 만들어보기  (0) 2022.06.09
리액트 스터디 시작하기  (0) 2022.03.22
    'Frontend/React' 카테고리의 다른 글
    • [React] fetch 와 axios 어떤 차이가 있을까? + axios 설치하지 않을 경우 에러
    • [React] 단축키
    • [React] Hook에 대해 알아보자. 그런데 useState 등을 곁들인
    • [React] 조각조각 땃따따 컴포넌트 만들어보기
    Deeb
    Deeb

    티스토리툴바