Build times out when doing `next build` #2149

niwatoliver · 2023-01-03T18:17:28Z

Doing async on selector's get causes build to time out.

Example project: https://github.com/minakawa-daiki/recoil-build-test

If you remove the async in the following line, the build will pass without incident.
https://github.com/minakawa-daiki/recoil-build-test/blob/main/src/testState.ts#L10

I believe this is a bug in Recoil.

pcreehan · 2023-01-10T19:30:19Z

To work around this, there are two options.

Rather than using your selector directly on your page, wrap it in a component and then put a Suspense around it.

import Head from 'next/head'
import styles from '../styles/Home.module.css'
import {Suspense} from 'react';
import {useRecoilValue} from "recoil";
import {charCountState} from "../src/testState";

const Count => {
  const count = useRecoilValue(charCountState);
  return (<>{count}</>);
}
export default function Home() {

  return (
    <>
      <Head>
        <title>Create Next App</title>
        <meta name="description" content="Generated by create next app" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <main className={styles.main}>
        <Suspense fallback='Loading...'><Count/></Suspense>
      </main>
    </>
  )
}

Use useRecoilValueLoadable intead of useRecoilValue.

import Head from 'next/head'
import styles from '../styles/Home.module.css'
import {useRecoilValueLoadable} from "recoil";
import {charCountState} from "../src/testState";

export default function Home() {
  const count = useRecoilValueLoadable(charCountState);
 
  return (
    <>
      <Head>
        <title>Create Next App</title>
        <meta name="description" content="Generated by create next app" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <main className={styles.main}>
        {count.state == 'hasValue' ? count.getValue() : null}
      </main>
    </>
  ) ;
}

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Build times out when doing `next build` #2149

Build times out when doing `next build` #2149

niwatoliver commented Jan 3, 2023

pcreehan commented Jan 10, 2023 •

edited

Build times out when doing next build #2149

Build times out when doing next build #2149

Comments

niwatoliver commented Jan 3, 2023

pcreehan commented Jan 10, 2023 • edited

Build times out when doing `next build` #2149

Build times out when doing `next build` #2149

pcreehan commented Jan 10, 2023 •

edited