message: Separate to single endpoint component.
diff: @@ -2,9 +2,9 @@ import { selectorFamily } from 'recoil';
  import { listState } from '$store/atoms/endpoint';
  import { Endpoint, EndpointID } from '$types/index';
  -const name = 'endpoint';
  +const name = 'endpointSelector';
  -export const oneState = selectorFamily({
  +export const oneState = selectorFamily<Endpoint | null, { id: EndpointID }>({
  key: `${name}.list`,
  get: function (params: { id: EndpointID }) {
  return function ({ get }): Endpoint | null {
  @@ -16,4 +16,16 @@ export const oneState = selectorFamily({
  );
  };
  },
  + set: function (params: { id: EndpointID }) {
  + return function ({ set }, newValue) {
  + return set(listState, function (currVal) {
  + return [...currVal].map(function (endpoint) {
  + if (endpoint.id !== params.id) {
  + return endpoint;
  + }
  + return { ...endpoint, ...newValue };
  + });
  + });
  + };
  + },
  });
  