Skip to content

Instantly share code, notes, and snippets.

@meetbryce
meetbryce / machine.js
Last active June 16, 2020 15:53
Generated by XState Viz: https://xstate.js.org/viz
const fetchMachine = Machine({
id:'newOrder',
initial: 'DoesNotExist',
states: {
DoesNotExist: {
on: {
MB_create_order: 'UNSENT',
}
},
UNSENT: {
@meetbryce
meetbryce / machine.js
Last active June 29, 2020 11:54
Generated by XState Viz: https://xstate.js.org/viz
const machine = Machine({
id: 'machine',
type: 'parallel',
states: {
order: {
initial: 'DoesNotExist',
states: {
DoesNotExist: {
on: {
MB_send_order: 'UNSENT',
@meetbryce
meetbryce / supabase.tsx
Created September 23, 2022 14:47
Hydration error using Auth.useUser()
import {Auth} from '@supabase/ui';
import styles from '../styles/Home.module.css';
import Meta from '../components/Meta';
import Header from '../components/Header';
import {supabase} from '../lib/initSupabase';
// export async function getStaticProps() {}
const LoginPage = () => {
const {user} = Auth.useUser();
@meetbryce
meetbryce / profile.tsx
Created September 23, 2022 15:08
Hydration error while using helper
import {NextPage} from 'next';
import styles from '../styles/Home.module.css';
import Meta from '../components/Meta';
import Header from '../components/Header';
import Footer from '../components/Footer';
import {withPageAuth} from '@supabase/auth-helpers-nextjs';
export const getServerSideProps = withPageAuth({redirectTo: '/login'});
const Profile: NextPage = ({user}) => {
@meetbryce
meetbryce / auth.tsx
Last active September 23, 2022 18:36
Too many redirects
import {NextPage} from 'next';
import {supabaseClient} from '@supabase/auth-helpers-nextjs';
import {useUser} from '@supabase/auth-helpers-react';
import {useEffect, useState} from 'react';
import {Auth} from '@supabase/ui';
import styles from '../styles/Home.module.css';
import Meta from '../components/Meta';
import Header from '../components/Header';
import Footer from '../components/Footer';
import {useRouter} from 'next/router';
@meetbryce
meetbryce / projects.tsx
Created September 23, 2022 21:50
Data loads only sometimes
import {GetServerSideProps, InferGetServerSidePropsType, NextPage} from 'next';
import styles from '../styles/Home.module.css';
import Footer from '../components/Footer';
import Header from '../components/Header';
import Meta from '../components/Meta';
import {useEffect, useState} from 'react';
import Link from 'next/link';
import {supabaseClient, withPageAuth} from '@supabase/auth-helpers-nextjs';
export const getServerSideProps: GetServerSideProps = withPageAuth({redirectTo: '/auth'});
@meetbryce
meetbryce / projects.tsx
Created September 25, 2022 15:56
Data only loads after internal navigation
import {GetServerSideProps, InferGetServerSidePropsType, NextPage} from 'next';
import styles from '../styles/Home.module.css';
import Footer from '../components/Footer';
import Header from '../components/Header';
import Meta from '../components/Meta';
import {useEffect, useState} from 'react';
import Link from 'next/link';
import {supabaseClient, withPageAuth} from '@supabase/auth-helpers-nextjs';
export const getServerSideProps: GetServerSideProps = withPageAuth({redirectTo: '/auth'});