Stop client server mismatch errors
This commit is contained in:
parent
3d316e5a0a
commit
f5ca4839d3
@ -24,7 +24,7 @@ import {
|
|||||||
} from "@chakra-ui/react";
|
} from "@chakra-ui/react";
|
||||||
import { LoaderFunctionArgs } from "@remix-run/cloudflare";
|
import { LoaderFunctionArgs } from "@remix-run/cloudflare";
|
||||||
import { useLoaderData } from "@remix-run/react";
|
import { useLoaderData } from "@remix-run/react";
|
||||||
import { useState } from "react";
|
import { useEffect, useState } from "react";
|
||||||
|
|
||||||
export async function loader({
|
export async function loader({
|
||||||
context,
|
context,
|
||||||
@ -60,11 +60,15 @@ export async function loader({
|
|||||||
|
|
||||||
export default function () {
|
export default function () {
|
||||||
const { can_manage, strikes, user } = useLoaderData<typeof loader>();
|
const { can_manage, strikes, user } = useLoaderData<typeof loader>();
|
||||||
const [strikeData, setStrikeData] = useState(strikes);
|
const [strikeData, setStrikeData] = useState([] as typeof strikes);
|
||||||
const toast = useToast();
|
const toast = useToast();
|
||||||
const [rmStrikeId, setRmStrikeId] = useState("");
|
const [rmStrikeId, setRmStrikeId] = useState("");
|
||||||
const [strikeReason, setStrikeReason] = useState("");
|
const [strikeReason, setStrikeReason] = useState("");
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
setStrikeData(strikes);
|
||||||
|
}, []);
|
||||||
|
|
||||||
async function removeStrike(id: string) {
|
async function removeStrike(id: string) {
|
||||||
const removeResp = await fetch(`/api/events-team/strikes/${id}`, {
|
const removeResp = await fetch(`/api/events-team/strikes/${id}`, {
|
||||||
method: "DELETE",
|
method: "DELETE",
|
||||||
|
Loading…
x
Reference in New Issue
Block a user