useContext & TypeScript

• useContext 사용시 children props를 많이 사용한다.

• 참고문서 : https://www.carlrippon.com/react-children-with-typescript/

import React, { useState, createContext } from 'react';
import { ReactChild } from 'react';
import { ReactElement } from 'react';

const UserContext = createContext({
  user: { uid: null },
  setUser: uid => {},
});

const UserProvider = ({ children }: { children: React.ReactNode }) => {
  const [user, setUserInfo] = useState({ uid: null });
  const setUser = ({ uid }: { uid: string }) => {
    setUserInfo({ uid });
  };
  const value = { user, setUser };

  return <UserContext.Provider value={value}>{children}</UserContext.Provider>;
};

export { UserContext, UserProvider };