From 506f78735a354bea7d625ec2f850e36ea4dfc9af Mon Sep 17 00:00:00 2001
From: Jean-Philippe Sirois <jp@veksen.net>
Date: Thu, 22 Aug 2019 01:29:25 -0400
Subject: [PATCH] refact(header): use key instead of noop prop to force
 rerender

---
 src/components/Header/index.tsx  | 2 +-
 src/components/Header/styles.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index cfecabe..feec1e1 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -35,7 +35,7 @@ export function Header({ isHome }: IHeaderProps) {
       </SC.FadedBottomWave>
 
       <SC.StyledParticles
-        noop={noop}
+        key={noop}
         params={{
           particles: {
             number: { value: 5, density: { enable: true, value_area: 500 } },
diff --git a/src/components/Header/styles.tsx b/src/components/Header/styles.tsx
index b882d35..9f680c7 100644
--- a/src/components/Header/styles.tsx
+++ b/src/components/Header/styles.tsx
@@ -76,7 +76,7 @@ export const FadedBottomWave = styled.div`
   }
 `
 
-export const StyledParticles = styled(Particles)<{ noop: number }>`
+export const StyledParticles = styled(Particles)`
   mask-image: -webkit-linear-gradient(
     top,
     rgba(0, 0, 0, 0) 5%,