Thanks again, asonix. Updated dependencies to remove lines from Dockerfile. Fixed HRT Tracker... Again.

Dockerfile

@@ -3,8 +3,6 @@ FROM node:12-alpine
 RUN apk update && \
         apk add --no-cache bash
 
-RUN npm install --save next && \
+RUN npm install
-        npm install -D tailwindcss@latest postcss@latest autoprefixer@latest && \
-        npm install --save axios
 
 WORKDIR /usr/src/app

src/info/package.json

@@ -8,8 +8,13 @@
     "start": "next start -p 3444"
   },
   "dependencies": {
+    "autoprefixer": "^10.2.5",
+    "axios": "^0.21.1",
+    "foo": "^0.0.7",
     "next": "10.1.3",
+    "postcss": "^8.2.13",
     "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "react-dom": "17.0.2",
+    "tailwindcss": "^2.1.2"
   }
 }

src/info/pages/hrt/index.js

@@ -16,8 +16,16 @@ function getTimes() {
   };
 }
 
-export default function HRT() {
+export const getServerSideProps = async () => {
-  const [timesArray, setTimesArray] = useState(getTimes());
+  return {
+    props: {
+      startTimes: getTimes(),
+    },
+  };
+};
+
+export default function HRT({ startTimes }) {
+  const [timesArray, setTimesArray] = useState(startTimes);
 
   useEffect(() => {
     const interval = setInterval(() => {
@@ -32,17 +40,17 @@ export default function HRT() {
       card_title="Track my HRT progress!"
     >
       <WCard>
-        <p className="p-6 text-lg md:text-2xl text-center text-werefox-blue-dark dark:text-werefox-blue">
+        <p className="text-lg md:text-2xl text-center text-werefox-blue-dark dark:text-werefox-blue">
           I'm so glad you're interested!!
-          <br />
+        </p>
+        <p className="text-lg md:text-2xl text-center text-werefox-blue-dark dark:text-werefox-blue">
           I have been on HRT for:
-          <br />
+        </p>
-          <p className="grid grid-cols-1 grid-rows-4">
+        <div className="text-lg md:text-2xl text-center text-werefox-blue-dark dark:text-werefox-blue grid grid-cols-1 grid-rows-4">
-            {Object.keys(timesArray).map(t => (
+          {Object.keys(timesArray).map((t) => (
             <p>{timesArray[t]}</p>
           ))}
-          </p>
+        </div>
-        </p>
       </WCard>
     </BasicPage>
   );