From c417cecb0c33bb96e27c2622a134f15ee5adcd15 Mon Sep 17 00:00:00 2001
From: Simon Legner <Simon.Legner@gmail.com>
Date: Fri, 30 Apr 2021 00:36:46 +0200
Subject: [PATCH] react: fix code linebreaks for highlighted lines

Fixes #1247.
---
 lib/docs/filters/react/clean_html.rb | 8 +++++++-
 lib/docs/scrapers/react.rb           | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/lib/docs/filters/react/clean_html.rb b/lib/docs/filters/react/clean_html.rb
index ec40dbe0..ac2f8a1f 100644
--- a/lib/docs/filters/react/clean_html.rb
+++ b/lib/docs/filters/react/clean_html.rb
@@ -13,7 +13,13 @@ module Docs
         end
 
         css('.gatsby-highlight > pre').each do |node|
-          node.content = node.content
+          node.content = node.at_css('code').children.map do |n|
+            if !n['class'].nil? && n['class'][/gatsby-highlight-code-line/]
+              n.content + "\n"
+            else
+              n.content
+            end
+          end.join("")
           node['data-language'] = node['class'][/(?<=gatsby\-code\-)(\w+)/]
           node.remove_attribute('class')
           node.parent.replace(node)
diff --git a/lib/docs/scrapers/react.rb b/lib/docs/scrapers/react.rb
index 2a9990b0..eeba46aa 100644
--- a/lib/docs/scrapers/react.rb
+++ b/lib/docs/scrapers/react.rb
@@ -2,7 +2,7 @@ module Docs
   class React < UrlScraper
     self.name = 'React'
     self.type = 'simple'
-    self.release = '17.0.1'
+    self.release = '17.0.2'
     self.base_url = 'https://reactjs.org/docs/'
     self.root_path = 'hello-world.html'
     self.links = {