Hello! I am trying to use React component in cljs+reagent. It is not hard, but I struggle with a reference to an inner react field (so to speak). In typescript it should like this: <MDEditor value={value} onChange={setValue}/> <MDEditor.Markdown source={value} style={{ whiteSpace: 'pre-wrap' }} /> and in cljs I try this: [:> MDEditor {:value @value :on-change #(reset! value %)}] [:> MDEditor.Markdown {:source @value :style "whiteSpace: 'pre-wrap'"}] the first line is OK (it works), but when I add second - it breaks. How to use MDEditor.Markdown here?

Probably (.-Markdown MDEditor)?

Oh and make style a map not a string

I'm having issues translating '&:hover' Material-UI prop to ClojureScript. How am I supposed to do it? I want to change the color of the background of the text, when I hover over it.

(ns playground.core
    (:require
     ["@mui/material" :refer [Typography]]))

  [:> Typography {:variant "h2"
                  :font-size "1.3em"
                  :color {:color "palette.primary.secondary"}
                  :&:hover {:backgroundColor "primary.tertiary"} ;; <--- throws error
                  :background "palette.primary.main"}
   "Hello typography!"])

import * as React from 'react';
import Box from '@mui/material/Box';

export default function BoxSx() {
  return (
    <Box
      sx={{
        width: 300,
        height: 300,
        backgroundColor: 'primary.dark',
        '&:hover': {
          backgroundColor: 'primary.main',
          opacity: [0.9, 0.8, 0.7],
        },
      }}
    />
  );
}

Warning: Invalid attribute name: `&:hover