move tags outside loader

gatsby-browser.js

@@ -1,7 +0,0 @@
-import React from 'react';
-import { FilterProvider } from './src/context/FilterContext';
-import './static/fonts.css';
-
-export const wrapRootElement = ({ element }) => (
-  <FilterProvider>{element}</FilterProvider>
-);

src/root.tsx

@@ -15,11 +15,16 @@ export const links: LinksFunction = () => [
   { rel: 'stylesheet', href: styles },
 ];
 
+
+const tagsData = tags();
+const countriesData = countries();
+const devicesData = devices();
+
 export function loader() {
   return {
-    tags: tags(),
-    countries: countries(),
-    devices: devices(),
+    tags: tagsData,
+    countries: countriesData,
+    devices: devicesData,
   }
 }