People need to delete cookies for website to work

Website is not working for people who accessed the website before and have stored cookies. This is related to netlify cacheing since the request is being sent from front end. I think this is related to realtime user metrics (rum) which were enabled during the pro trail period which was cancelled when it ended.
Please take a look.

  • We need to know your netlify site name. flickmatch
  • DNS issues? Tell us the custom domain, tell us the error message! We can’t help if we don’t know your domain.
    flickmatch.in
  • Build problems? Link or paste the FULL build log & build settings screenshot
    11:26:50 AM: Netlify Build
    11:26:50 AM: ────────────────────────────────────────────────────────────────
    11:26:50 AM: ​
    11:26:50 AM: ❯ Version
    11:26:50 AM: @netlify/build 29.56.1
    11:26:50 AM: ​
    11:26:50 AM: ❯ Flags
    11:26:50 AM: accountId: 65f1a1fb1dc46c18419b920e
    11:26:50 AM: baseRelDir: true
    11:26:50 AM: buildId: 673a43339f643d0008f4f082
    11:26:50 AM: deployId: 673a43339f643d0008f4f084
    11:26:50 AM: ​
    11:26:50 AM: ❯ Current directory
    11:26:50 AM: /opt/build/repo/react-fm
    11:26:50 AM: ​
    11:26:50 AM: ❯ Config file
    11:26:50 AM: No config file was defined: using default values.
    11:26:50 AM: ​
    11:26:50 AM: ❯ Context
    11:26:50 AM: production
    11:26:50 AM: ​
    11:26:50 AM: ❯ Installing plugins
    11:26:50 AM: - @netlify/plugin-lighthouse@6.0.1
    11:27:00 AM: ​
    11:27:00 AM: ❯ Loading plugins
    11:27:00 AM: - @netlify/plugin-lighthouse@6.0.1 from Netlify app
    11:27:02 AM: ​
    11:27:02 AM: Build command from Netlify app
    11:27:02 AM: ────────────────────────────────────────────────────────────────
    11:27:02 AM: ​
    11:27:02 AM: $ npm run build
    11:27:02 AM: > react-fm@1.0.0 build
    11:27:02 AM: > tsc && vite build
    11:27:09 AM: vite v3.2.11 building for production…
    11:27:09 AM: transforming…
    11:27:09 AM: Module level directives cause errors when bundled, ‘use client’ was ignored.
    11:27:14 AM: …/…/…/otf/MontserratAlt1-Medium.otf referenced in /opt/build/repo/react-fm/src/pages/adminMode/addTurf/AddTurf.module.scss?used didn’t resolve at build time, it will remain unchanged to be resolved at runtime
    11:27:26 AM: …/…/…/otf/MontserratAlt1-Medium.otf referenced in /opt/build/repo/react-fm/src/pages/adminMode/addGame/AddGame.module.scss?used didn’t resolve at build time, it will remain unchanged to be resolved at runtime
    ✓ 11933 modules transformed.
    11:27:27 AM: rendering chunks…
    11:27:27 AM: dist/assets/MontserratAlt1-Medium.ddd35605.otf 172.97 KiB
    11:27:27 AM: dist/index.html 3.55 KiB
    11:27:27 AM: dist/manifest.webmanifest 0.42 KiB
    11:27:27 AM: dist/assets/index.267fc5f8.js 3.78 KiB / gzip: 2.05 KiB
    11:27:27 AM: dist/assets/ThemeProvider.17f93b45.js 0.61 KiB / gzip: 0.35 KiB
    11:27:27 AM: dist/assets/index.esm.7556b790.js 2.27 KiB / gzip: 0.94 KiB
    11:27:27 AM: dist/assets/index.module.1b2740df.js 16.35 KiB / gzip: 5.78 KiB
    11:27:27 AM: dist/assets/index.8c3d5c12.js 10.97 KiB / gzip: 4.32 KiB
    11:27:27 AM: dist/assets/Meta.62278b8b.js 0.57 KiB / gzip: 0.30 KiB
    11:27:27 AM: dist/assets/index.a161dfae.js 2.59 KiB / gzip: 1.28 KiB
    11:27:27 AM: dist/assets/Zoom.e7203a68.js 1.49 KiB / gzip: 0.71 KiB
    11:27:27 AM: dist/assets/index.esm.4a4e9a53.js 43.20 KiB / gzip: 9.95 KiB
    11:27:27 AM: dist/assets/MenuItem.ffe74806.js 3.49 KiB / gzip: 1.37 KiB
    11:27:27 AM: dist/assets/Avatar.02d71fe5.js 2.51 KiB / gzip: 1.27 KiB
    11:27:27 AM: dist/assets/constants.4625ca3c.js 0.16 KiB / gzip: 0.16 KiB
    11:27:27 AM: dist/assets/Select.f379b029.js 26.48 KiB / gzip: 8.65 KiB
    11:27:27 AM: dist/assets/index.2019e4ca.js 8.19 KiB / gzip: 3.13 KiB
    11:27:27 AM: dist/assets/map.839e9770.js 0.51 KiB / gzip: 0.23 KiB
    11:27:27 AM: dist/assets/Input.4f0fa44a.js 11.64 KiB / gzip: 4.43 KiB
    11:27:27 AM: dist/assets/tslib.es6.5e9bfff6.js 7.25 KiB / gzip: 2.72 KiB
    11:27:27 AM: dist/assets/Grid.01098554.js 11.33 KiB / gzip: 3.75 KiB
    11:27:27 AM: dist/assets/AlertTitle.0004b3a9.js 5.07 KiB / gzip: 2.06 KiB
    11:27:27 AM: dist/assets/index.d9aaf9ec.js 20.35 KiB / gzip: 7.38 KiB
    11:27:27 AM: dist/assets/Container.cc737772.js 2.04 KiB / gzip: 0.87 KiB
    11:27:27 AM: dist/assets/TextField.88fc6910.js 10.26 KiB / gzip: 3.41 KiB
    11:27:27 AM: dist/assets/index.0f2759b1.js 1.39 KiB / gzip: 0.73 KiB
    11:27:27 AM: dist/assets/Stack.fc4f9192.js 5.26 KiB / gzip: 2.41 KiB
    11:27:27 AM: dist/assets/Switch.00db2382.js 7.82 KiB / gzip: 2.84 KiB
    11:27:27 AM: dist/assets/index.cdb65402.js 13.00 KiB / gzip: 4.25 KiB
    11:27:27 AM: dist/assets/CurrencyRupeeSharp.0e0effac.js 0.31 KiB / gzip: 0.25 KiB
    11:27:27 AM: dist/assets/Cities.9bfe2553.js 42.32 KiB / gzip: 15.58 KiB
    11:27:27 AM: dist/assets/index.5d02e3ff.js 2.78 KiB / gzip: 1.08 KiB
    11:27:27 AM: dist/assets/index.f55169f4.js 2.07 KiB / gzip: 1.04 KiB
    11:27:27 AM: dist/assets/index.1b4ffe10.js 5.65 KiB / gzip: 2.12 KiB
    11:27:27 AM: dist/assets/AccountBalance.7dcc0f9f.js 0.31 KiB / gzip: 0.26 KiB
    11:27:27 AM: dist/assets/CrisisAlertOutlined.873da407.js 0.78 KiB / gzip: 0.50 KiB
    11:27:27 AM: dist/assets/index.bee15d26.js 6.26 KiB / gzip: 2.47 KiB
    11:27:27 AM: dist/assets/index.ed1963c5.js 9.55 KiB / gzip: 3.13 KiB
    11:27:27 AM: dist/assets/index.8464d6b7.js 4.59 KiB / gzip: 1.88 KiB
    11:27:27 AM: dist/assets/index.99218ba8.js 5.69 KiB / gzip: 2.13 KiB
    11:27:27 AM: dist/assets/index.f1defe4c.js 14.88 KiB / gzip: 5.34 KiB
    11:27:27 AM: dist/assets/index.68407cb1.css 2.69 KiB / gzip: 0.95 KiB
    11:27:27 AM: dist/assets/index.83de3d65.css 1.27 KiB / gzip: 0.45 KiB
    11:27:27 AM: dist/assets/index.7376e308.js 6.37 KiB / gzip: 2.42 KiB
    11:27:27 AM: dist/assets/workbox-window.prod.es5.d2780aeb.js 5.17 KiB / gzip: 2.15 KiB
    11:27:27 AM: dist/assets/index.090e88f9.css 0.23 KiB / gzip: 0.17 KiB
    11:27:27 AM: dist/assets/index.4e766a4b.css 0.98 KiB / gzip: 0.36 KiB
    11:27:27 AM: dist/assets/App.0875726f.css 3.82 KiB / gzip: 1.17 KiB
    11:27:27 AM: dist/assets/index.312e3f2f.css 1.47 KiB / gzip: 0.58 KiB
    11:27:27 AM: dist/assets/index.8e4d68ce.css 0.97 KiB / gzip: 0.42 KiB
    11:27:27 AM: dist/assets/index.47e8eef6.css 1.41 KiB / gzip: 0.65 KiB
    11:27:27 AM: dist/assets/index.b64adfd7.css 3.64 KiB / gzip: 1.33 KiB
    11:27:27 AM: dist/assets/index.4a5324f5.css 0.82 KiB / gzip: 0.47 KiB
    11:27:27 AM: dist/assets/index.91238159.css 1.60 KiB / gzip: 0.72 KiB
    11:27:27 AM: dist/assets/index.9f23ff40.css 1.86 KiB / gzip: 0.77 KiB
    11:27:27 AM: dist/assets/index.41c57b6d.css 1.60 KiB / gzip: 0.76 KiB
    11:27:27 AM: dist/assets/index.1b0cf912.css 1.39 KiB / gzip: 0.62 KiB
    11:27:27 AM: dist/assets/Cities.f5a8bca8.css 6.36 KiB / gzip: 1.90 KiB
    11:27:27 AM: dist/assets/index.87d05598.css 5.23 KiB / gzip: 1.71 KiB
    11:27:27 AM: dist/assets/index.0640ed82.css 2.23 KiB / gzip: 0.71 KiB
    11:27:27 AM: dist/assets/index.7bd2bbe3.css 6.46 KiB / gzip: 1.86 KiB
    11:27:27 AM: dist/assets/sweetalert2.all.ecb18d63.js 79.01 KiB / gzip: 22.26 KiB
    11:27:27 AM: dist/assets/lodash.4a1f9a29.js 71.04 KiB / gzip: 25.89 KiB
    11:27:27 AM: dist/assets/index.f04549d2.js 170.00 KiB / gzip: 41.95 KiB
    11:27:27 AM: dist/assets/Root.326b4551.js 257.23 KiB / gzip: 64.15 KiB
    11:27:27 AM: dist/assets/App.22a0a586.js 252.46 KiB / gzip: 79.39 KiB
    11:27:27 AM: dist/assets/loginSlice.ebdc1acb.js 275.68 KiB / gzip: 90.32 KiB
    11:27:27 AM: dist/assets/index.c6dc7313.js 341.77 KiB / gzip: 104.82 KiB
    11:27:28 AM: Browserslist: caniuse-lite is outdated. Please run:
    11:27:28 AM: npx update-browserslist-db@latest
    11:27:28 AM: Why you should do it regularly: GitHub - browserslist/update-db: CLI tool to update caniuse-lite to refresh target browsers from Browserslist config
    11:27:29 AM: PWA v0.13.1
    11:27:29 AM: mode generateSW
    11:27:29 AM: precache 90 entries (2461.60 KiB)
    11:27:29 AM: files generated
    11:27:29 AM: dist/sw.js
    11:27:29 AM: dist/workbox-157fe50b.js
    11:27:30 AM: ​
    11:27:30 AM: (build.command completed in 27.4s)
    11:27:30 AM: ​
    11:27:47 AM: (Netlify Build completed in 56.9s)
    11:27:48 AM: Section completed: building
    11:28:54 AM: Finished processing build request in 2m24.595s
  • Did you try Ask Netlify, our generative AI chatbot, before posting? It pulls info from Support Guides and recent solved forums posts.

The better the post - the faster the answer.

Could you provide additional details about what behavior you’re seeing when you say “website is not working?” What are you seeing vs. what do you expect to see? Can you provide URLs that illustrate this behavior, or a step-by-step guide on how to reproduce this behavior on our end?

Please look at a image of requests sent to netlify and cache present with a white web page.
Cache status = Netlify Edge

Hey there! So when users need to delete their cookies, are these people who have logged into your website before, or people browsing without logging in? Can you tell us about when the site becomes unaccessible – like browsing the main URL, or attempting to log in again?

I’m wondering how your login is set up, as you might not have cookie expiration set correctly with the authorization. If you could tell us about how that is set up, that would help!

Thanks!

We use @react-oauth/google - npm but Its not specific to logged in users.
My guess is this is due to netlify edge or some netlify plugin. A lot of users still face this problem.

Okay good to know this is not limited to just logins. Can you please walk me through how I can recreate this so I can look into the underlying issue?

Thanks!

Since this is cookies related it might be difficult to recreate.
I get the following response from play.flickmatch.in.

Flickmatch
<link
  rel="icon"
  sizes="256x256"
  href="https://firebasestorage.googleapis.com/v0/b/flickmatch-374a2.appspot.com/o/fm_rainbow.png?alt=media&token=1b06ae27-bf10-4974-9100-6bb5f2308314"
  type="image/png"
/>
<link rel="alternate icon" href="/logo.png" type="image/png" sizes="256x256" />
<link
  rel="apple-touch-icon"
  href="https://firebasestorage.googleapis.com/v0/b/flickmatch-374a2.appspot.com/o/fm_rainbow.png?alt=media&token=1b06ae27-bf10-4974-9100-6bb5f2308314"
  sizes="256x256"
/>
<!-- <link rel="mask-icon" href="/logo.png" color="#FFFFFF" /> -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
  href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap"
  rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
  href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
  rel="stylesheet"
/>
<meta name="theme-color" content="#111111" />

<meta name="keywords" content="flickmatch, soccer, football, matchmaking, games, queues" />
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="pragma" content="no-cache" />

<!-- Start Single Page Apps for GitHub Pages -->
<script type="text/javascript">
  // Single Page Apps for GitHub Pages
  // MIT License
  // https://github.com/rafgraph/spa-github-pages
  // This script checks to see if a redirect is present in the query string,
  // converts it back into the correct url and adds it to the
  // browser's history using window.history.replaceState(...),
  // which won't cause the browser to attempt to load the new url.
  // When the single page app is loaded further down in this file,
  // the correct url will be waiting in the browser's history for
  // the single page app to route accordingly.
  (function (l) {
    if (l.search[1] === '/') {
      var decoded = l.search
        .slice(1)
        .split('&')
        .map(function (s) {
          return s.replace(/~and~/g, '&');
        })
        .join('?');
      window.history.replaceState(null, null, l.pathname.slice(0, -1) + decoded + l.hash);
    }
  })(window.location);
</script>
<!-- End Single Page Apps for GitHub Pages -->

<!-- https://web.dev/defer-non-critical-css/ -->
<link
  rel="preload"
  href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
  as="style"
  onload="this.onload=null;this.rel='stylesheet'"
/>
<script type="module" crossorigin src="/assets/index.267fc5f8.js"></script>

and
Manifest looks like this:

<title>Flickmatch</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- https://web.dev/uses-rel-preconnect -->
<link rel="preconnect" href="https://storage.googleapis.com">

<link rel="icon" sizes="256x256" href="https://firebasestorage.googleapis.com/v0/b/flickmatch-374a2.appspot.com/o/fm_rainbow.png?alt=media&amp;token=1b06ae27-bf10-4974-9100-6bb5f2308314" type="image/png">
<link rel="alternate icon" href="/static/logo.1cff1e9315.png" type="image/png" sizes="256x256">
<link rel="apple-touch-icon" href="https://firebasestorage.googleapis.com/v0/b/flickmatch-374a2.appspot.com/o/fm_rainbow.png?alt=media&amp;token=1b06ae27-bf10-4974-9100-6bb5f2308314" sizes="256x256">
<!-- <link rel="mask-icon" href="/logo.png" color="#FFFFFF" /> -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&amp;display=swap" rel="stylesheet">
<meta name="theme-color" content="#111111">

<meta name="keywords" content="flickmatch, soccer, football, matchmaking, games, queues">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">

<!-- Start Single Page Apps for GitHub Pages -->
<script type="text/javascript">
  // Single Page Apps for GitHub Pages
  // MIT License
  // https://github.com/rafgraph/spa-github-pages
  // This script checks to see if a redirect is present in the query string,
  // converts it back into the correct url and adds it to the
  // browser's history using window.history.replaceState(...),
  // which won't cause the browser to attempt to load the new url.
  // When the single page app is loaded further down in this file,
  // the correct url will be waiting in the browser's history for
  // the single page app to route accordingly.
  (function (l) {
    if (l.search[1] === '/') {
      var decoded = l.search
        .slice(1)
        .split('&')
        .map(function (s) {
          return s.replace(/~and~/g, '&');
        })
        .join('?');
      window.history.replaceState(null, null, l.pathname.slice(0, -1) + decoded + l.hash);
    }
  })(window.location);
</script>
<!-- End Single Page Apps for GitHub Pages -->

<!-- https://web.dev/defer-non-critical-css/ -->
<link rel="preload" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<script type="module" crossorigin="" src="/assets/index.5637846c.js"></script>

Do you know a way of sharing data in local storage or cookies?

Is there any specific cookie data or information you need ? Maybe I can share that

We need a way to reproduce the error, that is the steps that cause this so we can recreate the scenario and see what could be happening.