توجيه المستخدم إلى الصفحة الرئيسية في React - Gatsby؟

يمكنك استبدال المسار الأخير (تأكد أنه الأخير دوما) على هذا النحو :

<Route component = {NotFound} /> // هذا 

<Redirect to="/" /> // بهذا 

سيتم تتبع كل المسارات التي تختلف عن المسارات التي هي ما قبل هذا المسار و بدل عرض مكون react سيعاد توجيه المستخدم إلى الصفحة الرئيسية .

و يمكنك عمل ذلك عن طريق مكتبة Gatspy على هذا النحو :

ليكن في العلم أن صفحة 404 المنشئة من طرف المكتبة تكون بـ src/pages/404.jsx أو src/pages/404.js

يمكنك تعديلها على هذا النحو لتقوم بنفس المهمة : 

import React from 'react'
import { navigate } from 'gatsby'

const NotFoundPage = () => {
  return navigate('/')
}

export default NotFoundPage

بالإضافة إلى الإجابات المطروحه يمكنك بالفعل إستخدام "window.location" وذلك كالتالي 

const NotFoundPage = () => {
  if (typeof window !== "undefined") {
    window.location = "/"
  }
  return null
}

حتى لا تفشل عملية البناء نقوم الأول بالتأكد من أن الكائن window الموجود داخل المتصفح موجود أم لا وفي حالة كان موجودا نقوم بتغير المسار إلى الصفحة الرئيسية.