location.state因gatsby构建而失败

location.state是React Router中的一个属性，用于在路由之间传递状态。它通常用于在页面之间传递数据或者记录页面的历史状态。

在Gatsby构建过程中，由于Gatsby是一个静态网站生成器，它会在构建时预先生成所有页面的静态版本。因此，无法在构建期间使用location.state属性，因为它是在运行时才能访问的。

如果您需要在Gatsby中传递状态或数据，可以考虑使用其他方法，例如：

1. 使用URL参数：您可以将状态或数据作为URL参数传递给目标页面，并在目标页面中使用gatsby的props来获取参数值。例如，您可以使用<Link>组件将状态作为查询参数传递，并在目标页面中使用props.location.search来获取参数值。
2. 使用Gatsby插件：Gatsby有许多插件可用于处理状态管理，例如gatsby-plugin-react-redux或gatsby-plugin-context。您可以使用这些插件来管理和传递状态。
3. 使用全局状态管理库：您可以使用像Redux或MobX这样的全局状态管理库来管理和传递状态。这些库可以让您在整个应用程序中共享状态，并且可以在Gatsby中使用。

总结起来，由于Gatsby的静态网站生成特性，无法直接在构建期间使用location.state属性。您可以考虑使用URL参数、Gatsby插件或全局状态管理库来传递状态或数据。