Виктор Майоров

Набросал небольшой пример на чистом js:
https://codepen.io/webm0fe/pen/abjzjdK

Вернет либо массив с timings без учета времени (time) из appointments либо вернет [null];

users.map((user) => {
    const findAppointments = appointments.find((item) => item.masterInfo.userId === user.userId && user.timings.some((time) => item.time.includes(time)));
    if (!findAppointments) return null;
    return user.timings.filter((time) => !findAppointments.time.includes(time));
}).flat();

1 вариант

[...new Map(arr.map((item) => [item["key"], item])).values()]

2 вариант

const uniqueIds = [];
arr.filter(element => {
  const isDuplicate = uniqueIds.includes(element.key);

  if (!isDuplicate) {
    uniqueIds.push(element.key);

    return true;
  }

  return false;
});

3 вариант
https://docs-lodash.com/v4/uniq-by/

4 вариант

Object.values(
  arr.reduce( (c, e) => {
    if (!c[e.key]) c[e.key] = e;
    return c;
  }, {})
);

5 вариант

const unique = (arr, key) => {
   const keys = new Set();
   return arr.filter(el => !keys.has(el[key]) && keys.add(el[key]));
 };
unique(arr, 'key')

По каким полям нужно сравнивать, можешь допилить сам.

Без интерфейса тоже самое можно написать и на уровне самой переменной.
Например:

let cells: { client_price: Cell[], selfcost: Cell[] } =  {
   client_price: [],
   selfcost: [],
};

Иначе никак. В данном случае я бы предпочел написание отдельного интерфейса.

Нет, но вы можете добавить куки перед созданием объекта new WebSocket.

Поправил верстку. https://codepen.io/webm0fe/pen/vYaYJKZ?editors=1100
Не используйте position: absolute для того, чтобы позиционировать каждый блок.

var mySwiper2 = new Swiper('.swiper-container-two', {
    slidesPerView: 'auto',
    loop: true,
    navigation: {
      nextEl: '.lisenses .swiper-button-next',
      prevEl: '.lisenses .swiper-button-prev',
    },
    breakpoints: {
        320: {
          slidesPerView: 1.5,
        },
        550: {
          slidesPerView: 2.5,
        },
        768: {
            slidesPerView: 3.5,
        },
        1080: {
            slidesPerView: 'auto',
        }
    }
});

Я бы сделал как-то так.
https://codesandbox.io/s/draft-tab234-forked-dxwol...

Вместо того, чтобы пытаться сделать общий border-bottom, можно еще один псевдоэлемент добавить к пунктам меню (например before) и стилизовать его как единую линию (визуально).
Для этого нужно использовать не margin-right, а padding-right

Набросал не большой пример https://codepen.io/webm0fe/pen/yLqLgMj?editors=0011

Неверный импорт.
import throttle from 'lodash'
Тут вы импортируете всю библиотеку под именем throttle и далее для вызова нужной функции нужно писать следующее: throttle.throttle или throttle.camelCase

для импорта конкретной функции/модуля необходимо указывать в фигурных скобках {}
например: import { throttle } from 'lodash' или import { camelCase } from 'lodash'

import {throttle} from 'lodash'

const throttled = throttle(() => console.log('throttle'), 1000)
throttled()

Попробуй так error.response.data.message или error.response.message