Can't checkout when remove country field

Question

I tried to hide the country field in the checkout page and billing page. Here's my code :

<item name="region_id" xsi:type="array">
    <item name="visible" xsi:type="boolean">false</item>
    <item name="config" xsi:type="array">
        <item name="componentDisabled" xsi:type="boolean">true</item>
    </item>
</item>
<item name="country_id" xsi:type="array">
    <item name="visible" xsi:type="boolean">false</item>
</item>

I could do checkout when i remove this code :

<item name="country_id" xsi:type="array">
    <item name="visible" xsi:type="boolean">false</item>
</item>

But, when i remove it, the country field still appeared. How can i hide the country field? I can't hide with CSS because the class for country field is class="field _required"

Answer 1

You can do this using plugin:

  $visible = [
       'visible' => false
       ];

  $country = &$jsLayout['components']['checkout']['children']['steps'] 
 ['children']['shipping-step']
['children']['shippingAddress']['children']['shipping-address-fieldset'] 
 ['children']['country_id'];

  $street = array_merge($country, $visible);