Change selector to selectorFamily
한 아이디로 로그인, 로그아웃 후 다른 아이디로 로그인시 전에 로그인 했던 아이디가 로그인 되던 문제 해결
문제 원인은 recoil selector가 cache를 사용하는데 selector는 key와 get 의존성 값으로만 캐시키의 동일성을 확인할 것이여서 이전의 check api는 다음과 같은데 이러면 기존 값과 동일하다고 보기 때문에 cache가 적용되어 userWithCheck를 실행하지 않고 기존의 값이 반환된다.

const userWithCheck = selector({
  key: 'userWithCheck',
  get: async () => {
    const response = await check();

    return response;
  },
});

때문에 다음과 같이 selectorFamily를 사용하여 해결하였는데 selectorFamily는 캐시 값을 확인할 때 파라미터와 key값과 get의존성을 확인하기 때문에 auth를 파라미터를 넘겨 cache가 안되게 해결해였다. 근데 더 좋은 방법이 있을 거 같다.

const userWithCheck = selectorFamily({
  key: 'userWithCheck',
  get: () => async () => {
    const response = await check();

    return response;
  },
});

const userWithCheckQuery = selector({
  key: 'userWithCheckQuery',
  get: ({ get }) => {
    const { auth } = get(authResultAtom);

    if (!auth) {
      return null;
    }

    const loadable = recoilLoadable(get(noWait(userWithCheck(auth))));

    return loadable;
  },
});

Codecov Report

Merging #53 (daf979d) into main (9573eca) will not change coverage. The diff coverage is 100.00%.

@@            Coverage Diff            @@
##              main       #53   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           51        51           
  Lines          499       499           
  Branches        69        69           
=========================================
  Hits           499       499

Impacted Files	Coverage Δ
src/components/auth/LoginForm.jsx	`100.00% <100.00%> (ø)`
src/components/user-info/UserStatus.jsx	`100.00% <100.00%> (ø)`
src/recoil/user/withCheck.js	`100.00% <100.00%> (ø)`

Continue to review full report at Codecov.

Legend - Click here to learn more Δ = absolute <relative> (impact), ø = not affected, ? = missing data Powered by Codecov. Last update 9573eca...daf979d. Read the comment docs.

saseungmin / Recoil_ToDo

[Fix] After login Check error #53

Codecov Report