Convert style string to CSSProperties

styleToCSSProperties.ts

import camelCase from "lodash/camelCase";

export const styleToCSSProperties = (style: string = "") => {
  return style
    .trim()
    .split(";")
    .map((rule) => {
      const [key, value] = rule.trim().split(":");

      return {
        key: key?.trim(),
        value: value?.trim(),
      };
    })
    .filter(
      (
        rule,
      ): rule is {
        key: string;
        value: string;
      } => rule.key !== undefined && rule.value !== undefined,
    )
    .reduce<React.CSSProperties>((props, { key, value }) => {
      return {
        ...props,
        [camelCase(key)]: value,
      };
    }, {});
};