Getting error: "Unsafe assignment of an any value.eslint@typescript-eslint/no-unsafe-assignment"

[brandonmcconnell]

I updated tailwind-merge locally, and I am getting this error:

Getting error: "Unsafe assignment of an `any` value.eslint@typescript-eslint/no-unsafe-assignment"

Here is my file:

import { extendTailwindMerge, validators } from 'tailwind-merge';

export function spreadKeys<T, U extends string>(keys: U[], value: T): Record<U, T> {
  return keys.reduce((accu, key) => {
    accu[key] = value;
    return accu;
  }, {} as Record<U, T>);
}

const trbl = ['t', 'r', 'b', 'l'];
const xy = ['x', 'y'];
const dirs = { trbl, xy, all: [...trbl, ...xy] };

const twMerge = extendTailwindMerge(
  {
    extend: {
      classGroups: {
        shadow: [
          {
            shadow: [
              {
                ...spreadKeys(dirs.trbl, ['', 'inner', validators.isTshirtSize]),
                border: [
                  validators.isNumber,
                  validators.isArbitraryLength,
                  spreadKeys(dirs.all, [
                    validators.isNumber,
                    validators.isArbitraryLength,
                  ]),
                ],
              },
            ],
          },
        ],
      },
    },
  },
  (config) => {
    delete config.conflictingClassGroups['font-size'];
    return config;
  }
);

Even if I reduce the twMerge def to this (below), I still get the same error:

const twMerge = extendTailwindMerge(
  { extend: {} },
  (config) => {
    delete config.conflictingClassGroups['font-size'];
    return config;
  }
);

Have you run into this?

[brandonmcconnell]

Not sure what I did, but I think it was actually fine. Seems to be working now. Thanks!

[dcastil]

Alright, glad that you could resolve it!