🔥 Cleanup not needed code and fix console warning #1944

web/pageComponents/shared/MagazineTagBar.tsx

@@ -15,10 +15,10 @@ export type TagLink = {
   active: boolean
 } & AnchorHTMLAttributes<HTMLAnchorElement>
 
-const StyledLink = styled(Link).attrs((props: { active: boolean }) => props)`
+const StyledLink = styled(Link).attrs((props: { $active: boolean }) => props)`
   display: inline-block;
   position: relative;
-  font-weight: ${(props) => (props.active ? 'bold' : 'normal')};
+  font-weight: ${(props) => (props.$active ? 'bold' : 'normal')};
   &:hover {
     font-weight: bold;
   }
@@ -62,7 +62,7 @@ const TagWrapper = styled.div`
   ::-webkit-scrollbar {
     display: none;
   }
-  
+
   @media (min-width: 1024px) {
     flex-wrap: wrap;
     padding: var(--space-large) var(--space-3xLarge);
@@ -86,8 +86,8 @@ const MagazineTagBar = forwardRef<HTMLDivElement, MagazineTagBarProps>(function
     <Wrapper ref={ref}>
       <TagWrapper>
         <StyledLink
+          $active={allTagLink.active}
           href={href}
-          active={allTagLink.active}
           underline={false}
           data-title={allTagLink.label}
           onClick={(event) => {
@@ -102,10 +102,10 @@ const MagazineTagBar = forwardRef<HTMLDivElement, MagazineTagBarProps>(function
         </StyledLink>
         {tags.map((it: TagLink) => (
           <StyledLink
+            $active={it.active}
             underline={false}
             href={`${href}${`?tag=${it.label}`}`}
             key={`key_${it.label}`}
-            active={it.active}
             data-title={it.label}
             onClick={(event) => {
               if (onClick) {

web/pages/magasin/index.global.tsx

@@ -71,14 +71,12 @@ MagazineIndexNorwegian.getLayout = (page: AppProps) => {
   )
 }
 
-export const getServerSideProps: GetServerSideProps = async ({ res, req, preview = false, locale = 'no' }) => {
+export const getServerSideProps: GetServerSideProps = async ({ req, preview = false, locale = 'no' }) => {
   // For the time being, let's just give 404 for satellites
   // We will also return 404 if the locale is not Norwegian.
   // This is a hack and and we should improve this at some point
   // See https://github.com/vercel/next.js/discussions/18485
 
-  res.setHeader('Cache-Control', 'private, no-cache, no-store, max-age=0, must-revalidate')
-
   if (locale !== 'no') {
     return {
       notFound: true,

web/pages/magazine/index.global.tsx

@@ -66,14 +66,12 @@ MagazineIndex.getLayout = (page: AppProps) => {
   )
 }
 
-export const getServerSideProps: GetServerSideProps = async ({ res, req, preview = false, locale = 'en' }) => {
+export const getServerSideProps: GetServerSideProps = async ({ req, preview = false, locale = 'en' }) => {
   // For the time being, let's just give 404 for satellites
   // We will also return 404 if the locale is not English.
   // This is a hack and and we should improve this at some point
   // See https://github.com/vercel/next.js/discussions/18485
 
-  res.setHeader('Cache-Control', 'private, no-cache, no-store, max-age=0, must-revalidate')
-
   if (locale !== 'en') {
     return {
       notFound: true,

web/pages/news/index.global.tsx

@@ -67,14 +67,12 @@ NewsRoom.getLayout = (page: AppProps) => {
   )
 }
 
-export const getServerSideProps: GetServerSideProps = async ({ res, req, preview = false, locale = 'en' }) => {
+export const getServerSideProps: GetServerSideProps = async ({ req, preview = false, locale = 'en' }) => {
   // For the time being, let's just give 404 for satellites
   // We will also return 404 if the locale is not English.
   // This is a hack and and we should improve this at some point
   // See https://github.com/vercel/next.js/discussions/18485
 
-  res.setHeader('Cache-Control', 'private, no-cache, no-store, max-age=0, must-revalidate')
-
   if (locale !== 'en') {
     return {
       notFound: true,

web/pages/nyheter/index.global.tsx

@@ -65,14 +65,12 @@ NorwegianNewsRoom.getLayout = (page: AppProps) => {
   )
 }
 
-export const getServerSideProps: GetServerSideProps = async ({ res, req, preview = false, locale = 'no' }) => {
+export const getServerSideProps: GetServerSideProps = async ({ req, preview = false, locale = 'no' }) => {
   // For the time being, let's just give 404 for satellites
   // We will also return 404 if the locale is not Norwegian.
   // This is a hack, and we should improve this at some point
   // See https://github.com/vercel/next.js/discussions/18485
 
-  res.setHeader('Cache-Control', 'private, no-cache, no-store, max-age=0, must-revalidate')
-
   if (locale !== 'no') {
     return {
       notFound: true,