use forceRenderlike this : const items: TabsProps["items"] = TranslatedFieldKeys.map((key) => ({ key, forceRender: true, label: key.toUpperCase(), children: ( <> <Form.Item label={t("COMMON.COLUMNS.TITLE_" + key.toUpperCase())} required> <Form.Item name={["title", key]} rules={[{ required: true }]} > </Form.Item> </Form.Item> <Form.Item label={t("COMMON.COLUMNS.DESCRIPTION_" + key.toUpperCase())} required> <Form.Item name={["description", key]} rules={[{ required: true }]} > </Form.Item> </Form.Item> <Form.Item label={t("COMMON.COLUMNS.BUTTON_LABEL_" + key.toUpperCase())} required> <Form.Item name={["buttonLabel", key]} rules={[{ required: true }]} > </Form.Item> </Form.Item> </> ), }));