ну либо ты не знаешь что такое инкапсуляция либо я не знаю что на это ответить

ты делаешь какие-то предположения о блекбоксе, при этом сегодня оно работает а завтро блекбокс меняют и оно не работает

и блекбокс от твоих наворотов не может избавиться и не знает о них

а в случае с класнеймом он сам должен взять этот класснейм и повесить на себя

Ладно, раскрою свою точку зрения. Компонент меняется снаружи по месту и врапится другим компонентом. сам компонент "в себя" ничего не пропускает. это хак - да, но при этом сам компонент не имеет никаких "дыр", через которые ему "официально" может прийти что угодно. используя className мы как бы официально даем возможность владельцу компонента (родительскому компоненту) модицифировать компонент как ему захочется. В случае с этим хаком, владелец компонента сам несет ответственность за любые колизии ,которые учудил.

дак в этом и суть

да именно так и это хорошо для компонента, который пытаются менять

что мы официально даем возможность и вносим это в интерфейс

идеологически может быть это звучит и неплохо, но на практике это куда более хрупкий подход

да именно так и не несет за это ответственность

нет никакого "себя" и чтобы тебе понять как застилизовать компонент, тебе все равно придется лезть и смотреть как устроена разметка внутри

потому что так как рут-тега нет, то повесить className автор компонента мог куда угодно

обычно есть соглашение что класснейм прилетает на верхний дом элемент для его позиционирования

нет верхнего дом элемента, хватит этих реакт замашек

если нет рут тега то компонент игнорирует пропс класснейм

и запрещает его себе передавать

ну вот мы тут пришли уже к каким-то мифическим соглашениям. и дальше по наклонной.

описывается в интерфейсе пропсов

описывается в интерфейсе пропсов

тайпскрипт валидирует