First working version

src/contexts/TaskContextProvider.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import { TaskContext } from "./taskContext";
+import type { Task } from "../utils/types";
+import { useState } from "react";
+
+
+export const TaskContextProvider = ({
+	children,
+}: Readonly<{ children: React.ReactNode }>) => {
+	const [tasks, setTasks] = useState<Task[]>([]);
+
+	return (
+		<TaskContext.Provider value={{tasks: tasks, setTasks: setTasks}}>
+			{children}
+		</TaskContext.Provider>
+	);
+};

src/contexts/UserContextProvider.tsx

@@ -0,0 +1,16 @@
+import React from "react";
+import { useUsers } from "../hooks/useUsers";
+import { UserContext } from "./userContext";
+
+
+export const UserContextProvider = ({
+	children,
+}: Readonly<{ children: React.ReactNode }>) => {
+	const userProps = useUsers();
+
+	return (
+		<UserContext.Provider value={userProps}>
+			{children}
+		</UserContext.Provider>
+	);
+};

src/contexts/taskContext.ts

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+import type { TaskProps } from "../utils/types";
+
+export const TaskContext = createContext<TaskProps>({
+	tasks: [],
+	setTasks: () => {}
+});

src/contexts/userContext.ts

@@ -0,0 +1,8 @@
+import { createContext } from "react";
+import type { UserProps } from "../utils/types";
+
+export const UserContext = createContext<UserProps>({
+	error: null,
+	users: null,
+	loading: true,
+});