diff --git a/app/views/new_administrateur/procedures/annotations.html.haml b/app/views/new_administrateur/procedures/annotations.html.haml
index d9d5f81e3..a03645478 100644
--- a/app/views/new_administrateur/procedures/annotations.html.haml
+++ b/app/views/new_administrateur/procedures/annotations.html.haml
@@ -7,6 +7,4 @@
   %h1 Configuration des annotations privées
   %br
 
-  = form_for @procedure, remote: true, html: { class: 'form' } do |form|
-    #champs-editor{ data: types_de_champ_private_data(@procedure) }
-      .spinner
+  = react_component("TypesDeChampEditor", types_de_champ_private_data(@procedure))
diff --git a/app/views/new_administrateur/procedures/champs.html.haml b/app/views/new_administrateur/procedures/champs.html.haml
index 9bc3af997..f88a14948 100644
--- a/app/views/new_administrateur/procedures/champs.html.haml
+++ b/app/views/new_administrateur/procedures/champs.html.haml
@@ -7,6 +7,4 @@
   %h1 Configuration des champs
   %br
 
-  = form_for @procedure, remote: true, html: { class: 'form' } do |form|
-    #champs-editor{ data: types_de_champ_data(@procedure) }
-      .spinner
+  = react_component("TypesDeChampEditor", types_de_champ_data(@procedure))