[react-router-dom] React Router Future Flag Warning 경고창 없애기

열받게 갑자기 자꾸 콘솔창에 나옴. 프로젝트 2개가 있는데 하나는 그래도 안뜨는데 다른(최신) 하나가 자꾸 뜨더라. future옵션에 뭘 막 추가해줘도 안됐는데 드디어 되서 기록함.

 

 

 

1. RouterProvide에 future 추가

<RouterProvider router={router} future={{ v7_startTransition: true }} />

 

 

2. createBrowserRouter에 future 옵션 추가

const options = {
  future: {
    v7_relativeSplatPath: true,
    v7_fetcherPersist: true,
    v7_normalizeFormMethod: true,
    v7_partialHydration: true,
    v7_skipActionErrorRevalidation: true,
  },
}

export const router = createBrowserRouter(routes, options);

참고로 나는 2번도 하긴했는데 v7_fetcherPersist만 써줬더니 여전히 경고창이 떴었음. 나머지 옵션 다 써주니까 이제는 안뜸.